From dfb3e30fe01d5cb533a17b71456046665908fe23 Mon Sep 17 00:00:00 2001
From: nkaretnikov <nikita@karetnikov.org>
Date: Fri, 3 Nov 2023 18:13:43 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20conda-in?=
 =?UTF-8?q?cubator/conda-store-ui@646c5834562f159f94de8033345240ccde08331b?=
 =?UTF-8?q?=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 iframe.html                                                     | 2 +-
 ....c8427907.iframe.bundle.js => main.213e06cf.iframe.bundle.js | 2 +-
 project.json                                                    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)
 rename main.c8427907.iframe.bundle.js => main.213e06cf.iframe.bundle.js (98%)

diff --git a/iframe.html b/iframe.html
index dc095b2e..d1133731 100644
--- a/iframe.html
+++ b/iframe.html
@@ -361,4 +361,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src/docs/markdown","files":"*.md","importPathMatcher":"^\\.[\\\\/](?:src\\/docs\\/markdown\\/(?!\\.)(?=.)[^/]*?\\.md)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(ts|tsx))$"}];</script><script src="runtime~main.5a878fdd.iframe.bundle.js"></script><script src="702.7d2496da.iframe.bundle.js"></script><script src="main.c8427907.iframe.bundle.js"></script></body></html>
\ No newline at end of file
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src/docs/markdown","files":"*.md","importPathMatcher":"^\\.[\\\\/](?:src\\/docs\\/markdown\\/(?!\\.)(?=.)[^/]*?\\.md)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(ts|tsx))$"}];</script><script src="runtime~main.5a878fdd.iframe.bundle.js"></script><script src="702.7d2496da.iframe.bundle.js"></script><script src="main.213e06cf.iframe.bundle.js"></script></body></html>
\ No newline at end of file
diff --git a/main.c8427907.iframe.bundle.js b/main.213e06cf.iframe.bundle.js
similarity index 98%
rename from main.c8427907.iframe.bundle.js
rename to main.213e06cf.iframe.bundle.js
index 18988fd0..d46ca5c9 100644
--- a/main.c8427907.iframe.bundle.js
+++ b/main.213e06cf.iframe.bundle.js
@@ -1 +1 @@
-(self.webpackChunk_conda_store_conda_store_ui=self.webpackChunk_conda_store_conda_store_ui||[]).push([[179],{"./src/docs/Installation.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;_interopRequireDefault(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_INSTALL=_interopRequireDefault(__webpack_require__("./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/INSTALL.md")),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Installation",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)(_addonDocs.Description,{markdown:_INSTALL.default,mdxType:"Description"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Installation",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/Testing.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Testing",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)("h1",null,"Unit Testing"),(0,_react2.mdx)("p",null,"We currently use jest in order to run unit tests. "),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"yarn test     // find every test with the .test.[tsx|ts] extension\nyarn report   // show coverage collected after running the first command in the browser\nyarn report test/AddChannel.test.tsx     // run a single test instead of all\n")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Testing",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/Welcome.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"Welcome",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)("h1",null,"Introduction"),(0,_react2.mdx)("p",null,"Welcome to the conda-store-ui project documentation! conda-store-ui is a frontend for conda-store, allowing interaction with environments through its interface. "),(0,_react2.mdx)("p",null,"As a pre-requisite, you will need to have access to a running instance of conda-store."),(0,_react2.mdx)("p",null,"If you'd like to check conda-store out first, visit ",(0,_react2.mdx)("a",{parentName:"p",href:"https://conda.store/en/latest"},"conda.store")),(0,_react2.mdx)("h2",null,"Docs"),(0,_react2.mdx)("p",null,"The Documentation for the application, its features, and its usage can be found here. "),(0,_react2.mdx)("h2",null,"Features"),(0,_react2.mdx)("p",null,"These are the components that ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui")," is built on, and provides a playground for these pieces."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"Welcome",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/configuration.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;_interopRequireDefault(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_CONFIGURATION=_interopRequireDefault(__webpack_require__("./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/CONFIGURATION.md")),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Configuration",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)(_addonDocs.Description,{markdown:_CONFIGURATION.default,mdxType:"Description"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Configuration",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/gettingStarted.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;_interopRequireDefault(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_START=_interopRequireDefault(__webpack_require__("./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/START.md")),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Getting Started",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)(_addonDocs.Description,{markdown:_START.default,mdxType:"Description"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Getting Started",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/CONFIGURATION.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("h1",null,"Configuration"),(0,_react2.mdx)("p",null,"The configuration for conda-store-ui, including the connection details to conda-store, can be done :"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},"either at compile time, using a ",(0,_react2.mdx)("inlineCode",{parentName:"li"},".env")," file."),(0,_react2.mdx)("li",{parentName:"ul"},"or at runtime, using ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"condaStoreConfig")," variable")),(0,_react2.mdx)("h2",null,"At compile time, using ",(0,_react2.mdx)("inlineCode",{parentName:"h2"},".env")),(0,_react2.mdx)("p",null,"conda-store-ui looks for a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},".env")," file when packing the bundle.\nBelow, you'll find the options and the listed descriptions. You are welcome to copy this configuration, otherwise, you can copy and rename the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},".env.example")," file provided in the repository."),(0,_react2.mdx)("p",null,"Sample File:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-.env"},"REACT_APP_API_URL=http://localhost:5000/conda-store\nREACT_APP_AUTH_METHOD=cookie\nREACT_APP_LOGIN_PAGE_URL=http://localhost:5000/conda-store/login?next=\nREACT_APP_AUTH_TOKEN=\nREACT_APP_STYLE_TYPE=grayscale\nREACT_APP_SHOW_AUTH_BUTTON=true\nREACT_APP_LOGOUT_PAGE_URL=http://localhost:5000/conda-store/logout?next=/\n")),(0,_react2.mdx)("h2",null,"At runtime, using ",(0,_react2.mdx)("inlineCode",{parentName:"h2"},"condaStoreConfig")),(0,_react2.mdx)("p",null,"When using a webpacked version of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui"),", you might want to pass it a configuration.\nIn your HTML file, add the following ",(0,_react2.mdx)("strong",{parentName:"p"},"before")," loading the react app :"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-html"},'<script>\n    const condaStoreConfig = {\n        REACT_APP_AUTH_METHOD: "cookie",\n        REACT_APP_AUTH_TOKEN: "",\n        REACT_APP_STYLE_TYPE: "grayscale",\n        REACT_APP_SHOW_AUTH_BUTTON: "true",\n        REACT_APP_API_URL: "http://localhost:5000/conda-store",\n        REACT_APP_LOGIN_PAGE_URL: "http://localhost:5000/conda-store/login?next=",\n        REACT_APP_LOGOUT_PAGE_URL: "http://localhost:5000/conda-store/logout?next=/",\n    };\n<\/script>\n')),(0,_react2.mdx)("h2",null,"Options"),(0,_react2.mdx)("p",null,"The possible options are stored in a key-value format."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_API_URL")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"Base API url that will be used when creating RTK Query queries"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_AUTH_METHOD")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"Preferred method of authentication."),(0,_react2.mdx)("p",null,"Options:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"cookie"))),(0,_react2.mdx)("p",null,"Lets users authenticate by logging into ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store"),". This is the preferred method of authentication."),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"token"))),(0,_react2.mdx)("p",null,"Lets users utilize a token generated by ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store")," to authenticate to the server."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_LOGIN_PAGE_URL")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"The URL endpoint used for login authentication."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_LOGOUT_PAGE_URL")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"The URL endpoint used for logout authentication."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_AUTH_TOKEN")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"null")," / ",(0,_react2.mdx)("inlineCode",{parentName:"td"},"string"))))),(0,_react2.mdx)("p",null,"If using the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"token")," method for authentication, then input the token as a string.\nOtherwise, leave blank."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_STYLE_TYPE")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"Options:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},(0,_react2.mdx)("inlineCode",{parentName:"p"},"grayscale"))),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},(0,_react2.mdx)("inlineCode",{parentName:"p"},"green-accent")))),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_SHOW_AUTH_BUTTON")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"bool")))),(0,_react2.mdx)("p",null,"Options:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"true"))),(0,_react2.mdx)("p",null,"Show the login icon in the top menubar."),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"false"))),(0,_react2.mdx)("p",null,"Hide the login icon in the top menubar."))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/GETTING_STARTED.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/INSTALL.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("h1",null,"Installation"),(0,_react2.mdx)("p",null,"There are multiple ways to utilize ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui"),". Here, we'll be looking at the supported methods of installation."),(0,_react2.mdx)("h2",null,"Local Installation"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"Note")," that for installing from source, you will stil need a running conda-store somewhere. The easiest way to do this locally is by running conda-store with docker-compose."),(0,_react2.mdx)("p",null,"1) Clone the ",(0,_react2.mdx)("a",{parentName:"p",href:"https://github.com/conda-incubator/conda-store-ui.git"},"conda-store-ui")," repository."),(0,_react2.mdx)("p",null,"2) If you have an instance of conda-store you plan to connect to, skip this step. Otherwise, start it using docker."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"git clone https://github.com/conda-incubator/conda-store-ui.git\ncd conda-store-ui\ndocker-compose -f docker-compose-dev.yml up --build\n")),(0,_react2.mdx)("p",null,"3) Create a conda environment with yarn:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},'conda create -n "conda-store-ui"\nconda activate "conda-store-ui"\nconda install -c conda-forge yarn\n')),(0,_react2.mdx)("p",null,"4) Create a configuration file for the frontend. Refer to the Configuration section."),(0,_react2.mdx)("p",null,"5) From the root of the repository, run:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"yarn\nyarn run build\nyarn run start\n")),(0,_react2.mdx)("h2",null,"Docker Installation"),(0,_react2.mdx)("p",null,"We provide a oneshot docker-compose file for development purposes. This has been tested with the latest version of docker desktop and docker-compose, and it provides a fresh instance of conda-store."),(0,_react2.mdx)("p",null,"1) Clone the ",(0,_react2.mdx)("a",{parentName:"p",href:"https://github.com/conda-incubator/conda-store-ui.git"},"conda-store-ui")," repository."),(0,_react2.mdx)("p",null,"2) Start the docker-compose stack."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"cd conda-store-ui\ndocker compose up --build\n")),(0,_react2.mdx)("p",null,"3) Access conda-store-ui at ",(0,_react2.mdx)("a",{parentName:"p",href:"http://localhost/"},"localhost")),(0,_react2.mdx)("p",null,"4) Login by locating the login icon, and clicking on it. The default login combination is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"username/password"),"."))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/INTRODUCTION.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("h1",null,"Introduction"),(0,_react2.mdx)("p",null,"Welcome to the conda-store-ui project documentation! conda-store-ui is a frontend for conda-store, allowing interaction with environments through its interface. "),(0,_react2.mdx)("p",null,"As a pre-requiste, you will need to have access to a running instance of conda-store."),(0,_react2.mdx)("p",null,"If you'd like to check conda-store out first, visit ",(0,_react2.mdx)("a",{parentName:"p",href:"https://conda.store/en/latest"},"conda.store")),(0,_react2.mdx)("h2",null,"Docs"),(0,_react2.mdx)("p",null,"The Documentation for the application, its features, and its usage can be found here. "),(0,_react2.mdx)("h2",null,"Features"),(0,_react2.mdx)("p",null,"These are the components that ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui")," is built on, and provides a playground for these pieces."))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/RUN.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/START.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("h1",null,"Getting Started"),(0,_react2.mdx)("p",null,"Hello, welcome to our getting started guide! This guide aims to be the current best way to get ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui")," up and running!"),(0,_react2.mdx)("h2",null,"Local Deployment"),(0,_react2.mdx)("p",null,"For a local deployment, we recommend that you use our provided docker compose file. The docker compose file contains ",(0,_react2.mdx)("em",{parentName:"p"},"both")," conda-store and conda-store-server, so it is perfect for a playground!"),(0,_react2.mdx)("hr",null),(0,_react2.mdx)("h3",null,"1) Clone the repository and ",(0,_react2.mdx)("inlineCode",{parentName:"h3"},"cd")," into the root"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"git clone https://github.com/conda-incubator/conda-store-ui.git\ncd conda-store-ui\n")),(0,_react2.mdx)("h3",null,"2) Start Docker Compose"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"docker compose up --build\n")),(0,_react2.mdx)("h3",null,"3) Access conda-store-ui, running at ",(0,_react2.mdx)("a",{parentName:"h3",href:"https://localhost"},"localhost")),(0,_react2.mdx)("p",null,"Since this Dockerfile came bundled with conda-store, all that's left to worry about is authenticating to the server."),(0,_react2.mdx)("h3",null,"4) Login by locating the login icon, and clicking on it."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"Note")," The default login combination is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"username/password")))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/release.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Releasing",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)("h1",null,"Release a new version"),(0,_react2.mdx)("p",null,"In order to create a new version of this package, follow these steps:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},"Merge PR's and all of the things you want to main, and checkout main")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},"Bump the version number in package.json")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},"Go to the releases tab, and create a new release. Note that the release version tag must match the new version from package.json")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},"Wait for actions to execute and the new package will be uploaded to npm"))),(0,_react2.mdx)("p",null,"Latest Release: ",(0,_react2.mdx)("a",{parentName:"p",href:"https://libraries.io/npm/@conda-store%2Fconda-store-ui"},"https://libraries.io/npm/@conda-store%2Fconda-store-ui")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Releasing",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/CONFIGURATION.md":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__='# Configuration\n\nThe configuration for conda-store-ui, including the connection details to conda-store, can be done :\n- either at compile time, using a `.env` file.\n- or at runtime, using `condaStoreConfig` variable\n\n\n## At compile time, using `.env`\n\nconda-store-ui looks for a `.env` file when packing the bundle.\nBelow, you\'ll find the options and the listed descriptions. You are welcome to copy this configuration, otherwise, you can copy and rename the `.env.example` file provided in the repository.\n\nSample File:\n\n```.env\nREACT_APP_API_URL=http://localhost:5000/conda-store\nREACT_APP_AUTH_METHOD=cookie\nREACT_APP_LOGIN_PAGE_URL=http://localhost:5000/conda-store/login?next=\nREACT_APP_AUTH_TOKEN=\nREACT_APP_STYLE_TYPE=grayscale\nREACT_APP_SHOW_AUTH_BUTTON=true\nREACT_APP_LOGOUT_PAGE_URL=http://localhost:5000/conda-store/logout?next=/\n```\n\n## At runtime, using `condaStoreConfig`\n\nWhen using a webpacked version of `conda-store-ui`, you might want to pass it a configuration.\nIn your HTML file, add the following **before** loading the react app :\n\n```html\n<script>\n    const condaStoreConfig = {\n        REACT_APP_AUTH_METHOD: "cookie",\n        REACT_APP_AUTH_TOKEN: "",\n        REACT_APP_STYLE_TYPE: "grayscale",\n        REACT_APP_SHOW_AUTH_BUTTON: "true",\n        REACT_APP_API_URL: "http://localhost:5000/conda-store",\n        REACT_APP_LOGIN_PAGE_URL: "http://localhost:5000/conda-store/login?next=",\n        REACT_APP_LOGOUT_PAGE_URL: "http://localhost:5000/conda-store/logout?next=/",\n    };\n<\/script>\n```\n\n\n## Options\n\nThe possible options are stored in a key-value format.\n\n| Key                | Value  |\n|--------------------|--------|\n|`REACT_APP_API_URL` | string |\n\nBase API url that will be used when creating RTK Query queries\n\n| Key                    | Value  |\n|------------------------|--------|\n|`REACT_APP_AUTH_METHOD` | string |\n\nPreferred method of authentication.\n\nOptions:\n\n* `cookie`\n\nLets users authenticate by logging into `conda-store`. This is the preferred method of authentication.\n\n* `token`\n\nLets users utilize a token generated by `conda-store` to authenticate to the server.\n\n| Key                       | Value  |\n|---------------------------|--------|\n|`REACT_APP_LOGIN_PAGE_URL` | string |\n\nThe URL endpoint used for login authentication.\n\n| Key                        | Value  |\n|----------------------------|--------|\n|`REACT_APP_LOGOUT_PAGE_URL` | string |\n\nThe URL endpoint used for logout authentication.\n\n| Key                    | Value              |\n|------------------------|--------------------|\n|`REACT_APP_AUTH_TOKEN`  | `null` / `string`  |\n\nIf using the `token` method for authentication, then input the token as a string.\nOtherwise, leave blank.\n\n| Key                       | Value  |\n|---------------------------|--------|\n|`REACT_APP_STYLE_TYPE`     | string |\n\nOptions:\n\n* `grayscale`\n\n* `green-accent`\n\n| Key                        | Value  |\n|----------------------------|--------|\n|`REACT_APP_SHOW_AUTH_BUTTON`|  bool  |\n\nOptions:\n\n* `true`\n\nShow the login icon in the top menubar.\n\n* `false`\n\nHide the login icon in the top menubar.\n\n\n\n'},"./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/INSTALL.md":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__='# Installation\n\nThere are multiple ways to utilize `conda-store-ui`. Here, we\'ll be looking at the supported methods of installation.\n\n## Local Installation\n\n**Note** that for installing from source, you will stil need a running conda-store somewhere. The easiest way to do this locally is by running conda-store with docker-compose.\n\n1) Clone the [conda-store-ui](https://github.com/conda-incubator/conda-store-ui.git) repository.\n\n2) If you have an instance of conda-store you plan to connect to, skip this step. Otherwise, start it using docker.\n\n```bash\ngit clone https://github.com/conda-incubator/conda-store-ui.git\ncd conda-store-ui\ndocker-compose -f docker-compose-dev.yml up --build\n```\n\n3) Create a conda environment with yarn:\n\n```bash\nconda create -n "conda-store-ui"\nconda activate "conda-store-ui"\nconda install -c conda-forge yarn\n```\n\n4) Create a configuration file for the frontend. Refer to the Configuration section.\n\n5) From the root of the repository, run:\n\n```bash\nyarn\nyarn run build\nyarn run start\n```\n\n## Docker Installation\n\nWe provide a oneshot docker-compose file for development purposes. This has been tested with the latest version of docker desktop and docker-compose, and it provides a fresh instance of conda-store.\n\n1) Clone the [conda-store-ui](https://github.com/conda-incubator/conda-store-ui.git) repository.\n\n2) Start the docker-compose stack.\n\n```bash\ncd conda-store-ui\ndocker compose up --build\n```\n\n3) Access conda-store-ui at [localhost](http://localhost/)\n\n4) Login by locating the login icon, and clicking on it. The default login combination is `username/password`.\n\n\n'},"./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/START.md":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__="# Getting Started\n\nHello, welcome to our getting started guide! This guide aims to be the current best way to get `conda-store-ui` up and running!\n\n## Local Deployment\n\nFor a local deployment, we recommend that you use our provided docker compose file. The docker compose file contains _both_ conda-store and conda-store-server, so it is perfect for a playground!\n\n------------------------\n\n### 1) Clone the repository and `cd` into the root\n\n```bash\ngit clone https://github.com/conda-incubator/conda-store-ui.git\ncd conda-store-ui\n```\n\n### 2) Start Docker Compose\n\n```bash\ndocker compose up --build\n```\n\n### 3) Access conda-store-ui, running at [localhost](https://localhost)\n\nSince this Dockerfile came bundled with conda-store, all that's left to worry about is authenticating to the server.\n\n### 4) Login by locating the login icon, and clicking on it.\n\n**Note** The default login combination is `username/password`\n"},"./.storybook/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{parameters:()=>parameters});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),createTheme=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js"),ThemeProvider=__webpack_require__("./node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js"),react=__webpack_require__("./node_modules/react/index.js");const theme=(0,createTheme.Z)({typography:{fontFamily:'"Inter", sans-serif'},palette:{primary:{main:"#C4C4C4"},secondary:{main:"#7E7E7E"}}}),themeDecorator=func=>react.createElement(ThemeProvider.Z,{theme},func());try{themeDecorator.displayName="themeDecorator",themeDecorator.__docgenInfo={description:"",displayName:"themeDecorator",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/theme.tsx#themeDecorator"]={docgenInfo:themeDecorator.__docgenInfo,name:"themeDecorator",path:"src/theme.tsx#themeDecorator"})}catch(__react_docgen_typescript_loader_error){}const parameters={options:{storySort:{order:["Welcome","docs",["Getting Started","Installation","Configuration","Testing","Releasing","Extensions",["JupyterLab"]]]}}};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(0,client.addDecorator)(themeDecorator),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return(0,ClientApi.My)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return(0,ClientApi._C)(enhancer)}));case"render":return(0,ClientApi.$P)(value);case"globals":case"globalTypes":var v={};return v[key]=value,(0,ClientApi.h1)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./storybook-init-framework-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./src/components/Dialog.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/styles/index.tsx");const AlertDialog=({title,description,isOpen,closeAction,confirmAction})=>React.createElement(Dialog,{open:isOpen,onClose:closeAction},React.createElement(DialogTitle,{sx:{fontFamily:'"Inter", sans-serif',fontSize:"16px",color:"#333",fontWeight:600}},title),React.createElement(DialogContent,null,React.createElement(DialogContentText,{sx:{fontSize:"13px",fontFamily:'"Inter", sans-serif',color:"#333"}},description)),React.createElement(DialogActions,null,React.createElement(StyledButtonPrimary,{sx:{backgroundColor:"#b1b3b5"},onClick:closeAction},"Cancel"),React.createElement(StyledButtonPrimary,{onClick:()=>confirmAction()},"Delete")));try{AlertDialog.displayName="AlertDialog",AlertDialog.__docgenInfo={description:"",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},closeAction:{defaultValue:null,description:"",name:"closeAction",required:!0,type:{name:"() => void"}},confirmAction:{defaultValue:null,description:"",name:"confirmAction",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dialog.tsx#AlertDialog"]={docgenInfo:AlertDialog.__docgenInfo,name:"AlertDialog",path:"src/components/Dialog.tsx#AlertDialog"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e0:()=>ArrowIcon_ArrowIcon,VW:()=>BlockContainer_BlockContainer,MC:()=>ChannelIcon_ChannelIcon,Vt:()=>CondaLogo_CondaLogo,wU:()=>ConstraintSelect_ConstraintSelect,zF:()=>DeleteIconAlt_DeleteIconAlt,ED:()=>GroupIconAlt_GroupIconAlt,IM:()=>SearchIconAlt_SearchIconAlt,rG:()=>UploadIcon_UploadIcon,Np:()=>VersionSelect_VersionSelect});var Select=__webpack_require__("./node_modules/@mui/material/Select/Select.js"),MenuItem=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.js"),react=__webpack_require__("./node_modules/react/index.js"),helpers=__webpack_require__("./src/utils/helpers/index.ts");const ConstraintSelect_ConstraintSelect=({constraint,onUpdate=value=>{}})=>{const selectedConstraint="=="===constraint?"=":constraint,inputStyles=(0,helpers.I7)({padding:"7px 9px !important",backgroundColor:"#ECECEC",borderRadius:"0px"},{padding:"7px 9px !important",backgroundColor:"#fff",borderRadius:"0px"});return react.createElement(Select.Z,{defaultValue:selectedConstraint,IconComponent:()=>null,onChange:e=>{e.target.value&&onUpdate(e.target.value)},sx:{borderRadius:"0px",width:"44px"},inputProps:{sx:inputStyles,"data-testid":"ConstraintSelectTest"}},["=",">","<",">=","<="].map((constraint=>react.createElement(MenuItem.Z,{key:constraint,value:constraint},constraint))))};try{ConstraintSelect_ConstraintSelect.displayName="ConstraintSelect",ConstraintSelect_ConstraintSelect.__docgenInfo={description:"",displayName:"ConstraintSelect",props:{constraint:{defaultValue:null,description:"@param constraint package version constraint",name:"constraint",required:!0,type:{name:"string | null"}},onUpdate:{defaultValue:{value:"(value: string) => {}"},description:"",name:"onUpdate",required:!1,type:{name:"((value: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ConstraintSelect.tsx#ConstraintSelect"]={docgenInfo:ConstraintSelect_ConstraintSelect.__docgenInfo,name:"ConstraintSelect",path:"src/components/ConstraintSelect.tsx#ConstraintSelect"})}catch(__react_docgen_typescript_loader_error){}var useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),ArrowDropDown=__webpack_require__("./node_modules/@mui/icons-material/ArrowDropDown.js"),IconButton=__webpack_require__("./node_modules/@mui/material/IconButton/IconButton.js"),esm=__webpack_require__("./node_modules/compare-versions/lib/esm/index.js"),semver=__webpack_require__("./node_modules/semver/index.js");const requestedPackageVersionApiSlice=__webpack_require__("./src/features/api/index.ts").g.injectEndpoints({endpoints:builder=>({getPackageVersionSuggestions:builder.query({query:dto=>`api/v1/package/?search=${dto.search}&exact=true&distinct_on=version&page=${dto.page}&order=desc&sort_by=version`})})}),{useLazyGetPackageVersionSuggestionsQuery}=requestedPackageVersionApiSlice;var reducer=__webpack_require__("./src/features/requestedPackages/reducer.ts"),hooks=__webpack_require__("./src/hooks.ts"),requestedPackages=__webpack_require__("./src/features/requestedPackages/index.tsx");const VersionSelect_VersionSelect=({version,name,onUpdate=value=>{}})=>{const{palette}=(0,useTheme.Z)(),reduxDispatch=(0,hooks.T)(),{buildPackagesCache}=(0,hooks.C)((state=>state.requestedPackages)),[open,setOpen]=(0,react.useState)(!1),[value,setValue]=(0,react.useState)(null!=version?version:""),[state,dispatch]=(0,react.useReducer)(reducer.Vo,reducer.E3),[triggerQuery]=useLazyGetPackageVersionSuggestionsQuery(),inputStyles=(0,helpers.I7)({padding:"7px 9px !important",backgroundColor:"#ECECEC",borderRadius:"0px"},{padding:"7px 9px !important",backgroundColor:"#fff",borderRadius:"0px"}),iconStyles=(0,helpers.I7)({backgroundColor:"#ECECEC",height:"37px",borderLeft:`2px solid  ${palette.primary.main}`},{backgroundColor:"#fff",height:"37px",borderLeft:"1px solid #BCBFC4"});(0,react.useEffect)((()=>{(async()=>{if(buildPackagesCache[name])return void dispatch({type:reducer.MF.DATA_FETCHED,payload:{data:buildPackagesCache[name].packages,count:buildPackagesCache[name].count}});dispatch({type:reducer.MF.LOADING,payload:{loading:!0}});const{data}=await triggerQuery({page:state.page,search:name.trim()});data&&(dispatch({type:reducer.MF.DATA_FETCHED,payload:{data:data.data,count:data.count}}),reduxDispatch((0,requestedPackages.MQ)({pkgName:name,packages:data.data,count:data.count}))),dispatch({type:reducer.MF.LOADING,payload:{loading:!1}})})()}),[]);const versionsList=(0,react.useMemo)((()=>{const uniqueVersions=new Set,result=[];let sortedVersions=[];state.data.forEach((packageVersions=>{const packageVersion=packageVersions.version;uniqueVersions.has(packageVersion)||(result.push(packageVersion),uniqueVersions.add(packageVersion))}));return sortedVersions=result.sort(((v1,v2)=>{const safeV1=((0,semver.coerce)(v1)||"").toString(),safeV2=((0,semver.coerce)(v2)||"").toString();return safeV1&&safeV2?(0,esm.n4)(safeV1,safeV2):1})),sortedVersions.forEach((v=>{""!==v&&""!==value&&v===value&&setValue(v)})),sortedVersions.reverse()}),[state.data]);return react.createElement(Select.Z,{value:versionsList.length>0?value:"",open,onClose:()=>setOpen(!1),onOpen:()=>setOpen(!0),onChange:e=>{onUpdate(e.target.value),setValue(e.target.value)},IconComponent:()=>react.createElement(IconButton.Z,{sx:{padding:"0px"},onClick:()=>setOpen((currState=>!currState))},react.createElement(ArrowDropDown.Z,{sx:iconStyles})),MenuProps:{PaperProps:{sx:{maxHeight:200}}},sx:{borderRadius:"0px",width:"110px",border:"none"},inputProps:{sx:inputStyles,"data-testid":"VersionSelectTest"}},react.createElement(MenuItem.Z,{key:"empty",value:"",sx:{height:"30px"}}," "),versionsList.map((v=>react.createElement(MenuItem.Z,{key:v,value:v},v))))};try{VersionSelect_VersionSelect.displayName="VersionSelect",VersionSelect_VersionSelect.__docgenInfo={description:"",displayName:"VersionSelect",props:{version:{defaultValue:null,description:"@param version package version\n@param name package name",name:"version",required:!0,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},onUpdate:{defaultValue:{value:"(value: string) => {}"},description:"",name:"onUpdate",required:!1,type:{name:"((value: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/VersionSelect.tsx#VersionSelect"]={docgenInfo:VersionSelect_VersionSelect.__docgenInfo,name:"VersionSelect",path:"src/components/VersionSelect.tsx#VersionSelect"})}catch(__react_docgen_typescript_loader_error){}var Box_Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),Typography_Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const BlockContainer_BlockContainer=({title,children})=>react.createElement(Box_Box.Z,{sx:{border:"1px solid #E0E0E0",paddingBottom:"15px"}},react.createElement(Box_Box.Z,{sx:{padding:"10px 15px",borderBottom:"1px solid #E0E0E0"}},react.createElement(Typography_Typography.Z,{"data-testid":"block-container-title",sx:{fontSize:"14px",fontWeight:600,color:"#333"}},title)),react.createElement(Box_Box.Z,{sx:{padding:"15px 15px 0 15px"}},children));try{BlockContainer_BlockContainer.displayName="BlockContainer",BlockContainer_BlockContainer.__docgenInfo={description:"",displayName:"BlockContainer",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BlockContainer.tsx#BlockContainer"]={docgenInfo:BlockContainer_BlockContainer.__docgenInfo,name:"BlockContainer",path:"src/components/BlockContainer.tsx#BlockContainer"})}catch(__react_docgen_typescript_loader_error){}const BlockContainerEditMode_BlockContainerEditMode=({title,children,onToggleEditMode,isEditMode})=>React.createElement(Box,{sx:{border:"1px solid #E0E0E0",paddingBottom:"15px"}},React.createElement(Box,{sx:{padding:"10px 15px",borderBottom:"1px solid #E0E0E0"}},React.createElement(Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"}},React.createElement(Typography,{"data-testid":"block-container-title",sx:{fontSize:"14px",fontWeight:600,color:"#333"}},title),React.createElement(FormControlLabel,{control:React.createElement(Switch,{checked:isEditMode,onClick:e=>onToggleEditMode(!isEditMode)}),label:React.createElement(Typography,{sx:{fontSize:"13px",color:"#333"}},isEditMode?"Switch to Standard View":"Switch to YAML Editor")}))),React.createElement(Box,{sx:{padding:"15px 15px 0 15px"}},children));try{BlockContainerEditMode_BlockContainerEditMode.displayName="BlockContainerEditMode",BlockContainerEditMode_BlockContainerEditMode.__docgenInfo={description:"",displayName:"BlockContainerEditMode",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},onToggleEditMode:{defaultValue:null,description:"",name:"onToggleEditMode",required:!0,type:{name:"(show: boolean) => void"}},isEditMode:{defaultValue:null,description:"",name:"isEditMode",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BlockContainerEditMode.tsx#BlockContainerEditMode"]={docgenInfo:BlockContainerEditMode_BlockContainerEditMode.__docgenInfo,name:"BlockContainerEditMode",path:"src/components/BlockContainerEditMode.tsx#BlockContainerEditMode"})}catch(__react_docgen_typescript_loader_error){}const Popup_Popup=({description,isVisible,onClose})=>{const handleClose=()=>{onClose({show:!isVisible,description:null})};return React.createElement(Snackbar,{anchorOrigin:{vertical:"bottom",horizontal:"right"},autoHideDuration:3e3,open:isVisible,onClose:handleClose},React.createElement(Alert,{severity:"success",sx:{width:"100%"},onClose:handleClose},description))};try{Popup_Popup.displayName="Popup",Popup_Popup.__docgenInfo={description:"",displayName:"Popup",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string | null"}},isVisible:{defaultValue:null,description:"",name:"isVisible",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Popup.tsx#Popup"]={docgenInfo:Popup_Popup.__docgenInfo,name:"Popup",path:"src/components/Popup.tsx#Popup"})}catch(__react_docgen_typescript_loader_error){}var preferences=__webpack_require__("./src/preferences.tsx");const CondaLogo_CondaLogo=props=>{const isGrayscaleStyleType="grayscale"===react.useContext(preferences.uo).styleType,colorTheme_gray=["#CCCFD2","#E4E4E5"],colorTheme_green=["#33A852","#B9D9BD"];return react.createElement("svg",{width:233,height:266,viewBox:"0 0 233 266",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M104.02 145.337c-29.376-16.22-58.646-32.615-87.987-48.905-9.366-5.2-15.938-1.338-15.95 9.33-.035 16.783-.011 33.566-.011 50.36 0 16.783.117 33.578-.07 50.361-.06 5.727 1.947 9.424 7.205 12.064 29.693 14.929 59.257 30.116 88.89 45.162 8.122 4.119 14.648.035 14.648-9.166.035-32.627-.071-65.242.094-97.869.035-5.469-2.16-8.767-6.819-11.337z",fill:isGrayscaleStyleType?colorTheme_gray[0]:colorTheme_green[0],fillOpacity:.4}),react.createElement("path",{d:"M128.877 145.337c29.376-16.22 58.646-32.615 87.987-48.905 9.365-5.2 15.937-1.338 15.949 9.33.035 16.783.012 33.566.012 50.36 0 16.783-.117 33.578.07 50.361.059 5.727-1.948 9.424-7.206 12.064-29.692 14.929-59.256 30.116-88.89 45.162-8.122 4.119-14.647.035-14.647-9.166-.035-32.627.07-65.242-.094-97.869-.035-5.469 2.16-8.767 6.819-11.337zM174.25 15.487h-18.203v10.035h18.203s-3.134-3.556-3.333-4.695c-.2-1.138 3.333-5.34 3.333-5.34z",fill:isGrayscaleStyleType?colorTheme_gray[1]:colorTheme_green[1],fillOpacity:.4}),react.createElement("path",{d:"M153.312 58.289c-1.526-1.96-4.178-4.002-7.957-6.103-3.779-2.1-7.054-3.709-9.812-4.8-2.769-1.092-7.053-2.723-12.863-4.906-5.668-2.183-9.776-4.107-12.323-5.774-2.546-1.667-3.814-3.52-3.814-5.563 0-2.617 1.091-4.612 3.274-5.997 2.089-1.326 4.39-1.995 6.89-2.054v-.082c10.374.692 22.557 1.901 32.626 2.5 1.808.105 2.183-.376 2.078-2.066-.751-12.37-10.129-20.515-22.346-22.534a50.123 50.123 0 00-3.462-.422c-7.429-.939-12.406-.282-14.096-.012-8.438.892-15.62 3.732-21.547 8.532-7.277 5.892-10.903 13.556-10.903 23.003 0 9.307 2.875 16.537 8.614 21.7 5.74 5.165 13.767 9.484 24.095 12.981 7.417 2.324 12.499 4.296 15.269 5.892 2.758 1.596 4.142 3.568 4.142 5.891 0 2.618-1.161 4.73-3.497 6.326-2.324 1.596-5.528 2.394-9.6 2.394a41.42 41.42 0 01-5.141-.328c-11.29-.822-19.834-2.054-31.124-2.934-1.55-.118-1.948.234-1.925 1.76.188 11.913 9.26 21.196 21.102 22.827 2.171.294 7.699 1.385 12.358 1.432 1.491.094 2.993.141 4.518.141 13.521 0 23.802-3.052 30.855-9.154 7.054-6.103 10.575-14.096 10.575-23.99 0-4.06-.623-7.698-1.855-10.902-1.22-3.216-2.605-5.798-4.131-7.758zM131.494 7.647c2.653.13 4.589 2.242 4.472 4.87-.118 2.641-2.254 4.578-4.894 4.46-2.606-.117-4.624-2.3-4.519-4.882.118-2.57 2.336-4.565 4.941-4.448z",fill:isGrayscaleStyleType?colorTheme_gray[0]:colorTheme_green[0],fillOpacity:.4}))};try{CondaLogo_CondaLogo.displayName="CondaLogo",CondaLogo_CondaLogo.__docgenInfo={description:"",displayName:"CondaLogo",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/CondaLogo.tsx#CondaLogo"]={docgenInfo:CondaLogo_CondaLogo.__docgenInfo,name:"CondaLogo",path:"src/components/icons/CondaLogo.tsx#CondaLogo"})}catch(__react_docgen_typescript_loader_error){}const GroupIconAlt_GroupIconAlt=props=>react.createElement("svg",{width:27,height:22,viewBox:"0 0 27 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M13.092 7.547a3.773 3.773 0 100-7.547 3.773 3.773 0 000 7.547z",fill:" #333"}),react.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.757 21.614c0-.515-2.155-10.294-8.08-10.294-5.926 0-8.081 9.78-8.081 10.294 0 .515 16.16.515 16.16 0z",fill:" #333"}),react.createElement("g",{opacity:.72,fill:" #333"},react.createElement("path",{d:"M21.27 11.53a2.886 2.886 0 100-5.771 2.886 2.886 0 000 5.77z"}),react.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.532 21.63c0-.361-1.374-7.215-5.155-7.215S16.22 21.27 16.22 21.63c0 .361 10.311.361 10.311 0z"})),react.createElement("g",{opacity:.72,fill:" #333"},react.createElement("path",{d:"M5.05 11.53a2.886 2.886 0 100-5.771 2.886 2.886 0 000 5.77z"}),react.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.312 21.63c0-.361-1.375-7.215-5.156-7.215C1.375 14.415 0 21.27 0 21.63c0 .361 10.312.361 10.312 0z"})));try{GroupIconAlt_GroupIconAlt.displayName="GroupIconAlt",GroupIconAlt_GroupIconAlt.__docgenInfo={description:"",displayName:"GroupIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/GroupIconAlt.tsx#GroupIconAlt"]={docgenInfo:GroupIconAlt_GroupIconAlt.__docgenInfo,name:"GroupIconAlt",path:"src/components/icons/GroupIconAlt.tsx#GroupIconAlt"})}catch(__react_docgen_typescript_loader_error){}const ArrowIcon_ArrowIcon=props=>react.createElement("svg",{width:7,height:13,viewBox:"0 0 7 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M0 12.82l6.29-6.41L0 0v12.82z",fill:"#5F6368"}));try{ArrowIcon_ArrowIcon.displayName="ArrowIcon",ArrowIcon_ArrowIcon.__docgenInfo={description:"",displayName:"ArrowIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ArrowIcon.tsx#ArrowIcon"]={docgenInfo:ArrowIcon_ArrowIcon.__docgenInfo,name:"ArrowIcon",path:"src/components/icons/ArrowIcon.tsx#ArrowIcon"})}catch(__react_docgen_typescript_loader_error){}const SearchIconAlt_SearchIconAlt=props=>react.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M13.09 12.64L17.53 17M7.77 15A7.06 7.06 0 10.66 7.94 7.08 7.08 0 007.77 15v0z",stroke:"#BCBFC4",strokeMiterlimit:10}));try{SearchIconAlt_SearchIconAlt.displayName="SearchIconAlt",SearchIconAlt_SearchIconAlt.__docgenInfo={description:"",displayName:"SearchIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/SearchIconAlt.tsx#SearchIconAlt"]={docgenInfo:SearchIconAlt_SearchIconAlt.__docgenInfo,name:"SearchIconAlt",path:"src/components/icons/SearchIconAlt.tsx#SearchIconAlt"})}catch(__react_docgen_typescript_loader_error){}const SquareIconAlt_SquareIconAlt=props=>React.createElement("svg",{width:13,height:13,viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React.createElement("path",{d:"M12.42 1H1v11.42h11.42V1z",fill:"#fff",stroke:"#333",strokeMiterlimit:10,strokeLinecap:"round"}));try{SquareIconAlt_SquareIconAlt.displayName="SquareIconAlt",SquareIconAlt_SquareIconAlt.__docgenInfo={description:"",displayName:"SquareIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/SquareIconAlt.tsx#SquareIconAlt"]={docgenInfo:SquareIconAlt_SquareIconAlt.__docgenInfo,name:"SquareIconAlt",path:"src/components/icons/SquareIconAlt.tsx#SquareIconAlt"})}catch(__react_docgen_typescript_loader_error){}const DeleteIconAlt_DeleteIconAlt=props=>react.createElement("svg",{width:14,height:16,viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M5.088 1h4.094M5.088 1h4.094M1 1.819h12.232M5.48 5.09v6.55M8.755 5.09v6.55",stroke:"#333",strokeLinecap:"square"}),react.createElement("path",{clipRule:"evenodd",d:"M2.243 2.004v11.688c.072.595.338.892.798.892h8.188c.57.056.855-.242.855-.892V2.004H2.243z",stroke:"#333"}));try{DeleteIconAlt_DeleteIconAlt.displayName="DeleteIconAlt",DeleteIconAlt_DeleteIconAlt.__docgenInfo={description:"",displayName:"DeleteIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/DeleteIconAlt.tsx#DeleteIconAlt"]={docgenInfo:DeleteIconAlt_DeleteIconAlt.__docgenInfo,name:"DeleteIconAlt",path:"src/components/icons/DeleteIconAlt.tsx#DeleteIconAlt"})}catch(__react_docgen_typescript_loader_error){}const UploadIcon_UploadIcon=props=>react.createElement("svg",{width:12,height:16,viewBox:"0 0 12 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M5.998 10.817V1m0 .09L2.343 4.745M5.998 1.09l3.656 3.655M10.907 14.688H1",stroke:"#333",strokeLinecap:"round",strokeLinejoin:"round"}));try{UploadIcon_UploadIcon.displayName="UploadIcon",UploadIcon_UploadIcon.__docgenInfo={description:"",displayName:"UploadIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/UploadIcon.tsx#UploadIcon"]={docgenInfo:UploadIcon_UploadIcon.__docgenInfo,name:"UploadIcon",path:"src/components/icons/UploadIcon.tsx#UploadIcon"})}catch(__react_docgen_typescript_loader_error){}const ChannelIcon_ChannelIcon=({color})=>react.createElement("svg",{width:12,height:15,viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{marginRight:"10px",marginLeft:"5px"}},react.createElement("path",{d:"M3.95 0H1.17A1.17 1.17 0 000 1.17v6.26C0 8.076.524 8.6 1.17 8.6h2.78a1.17 1.17 0 001.17-1.17V1.17A1.17 1.17 0 003.95 0zM3.95 10.07H1.17A1.17 1.17 0 000 11.24v1.96c0 .646.524 1.17 1.17 1.17h2.78a1.17 1.17 0 001.17-1.17v-1.96a1.17 1.17 0 00-1.17-1.17zM7.76 14.38h2.78a1.17 1.17 0 001.17-1.17V6.95a1.17 1.17 0 00-1.17-1.17H7.76a1.17 1.17 0 00-1.17 1.17v6.26c0 .646.524 1.17 1.17 1.17zM7.76 4.31h2.78a1.17 1.17 0 001.17-1.17V1.18A1.17 1.17 0 0010.54.01H7.76a1.17 1.17 0 00-1.17 1.17v1.96c0 .646.524 1.17 1.17 1.17z",fill:color}));try{ChannelIcon_ChannelIcon.displayName="ChannelIcon",ChannelIcon_ChannelIcon.__docgenInfo={description:"",displayName:"ChannelIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ChannelIcon.tsx#ChannelIcon"]={docgenInfo:ChannelIcon_ChannelIcon.__docgenInfo,name:"ChannelIcon",path:"src/components/icons/ChannelIcon.tsx#ChannelIcon"})}catch(__react_docgen_typescript_loader_error){}try{CondaLogo.displayName="CondaLogo",CondaLogo.__docgenInfo={description:"",displayName:"CondaLogo",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#CondaLogo"]={docgenInfo:CondaLogo.__docgenInfo,name:"CondaLogo",path:"src/components/icons/index.tsx#CondaLogo"})}catch(__react_docgen_typescript_loader_error){}try{GroupIconAlt.displayName="GroupIconAlt",GroupIconAlt.__docgenInfo={description:"",displayName:"GroupIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#GroupIconAlt"]={docgenInfo:GroupIconAlt.__docgenInfo,name:"GroupIconAlt",path:"src/components/icons/index.tsx#GroupIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{ArrowIcon.displayName="ArrowIcon",ArrowIcon.__docgenInfo={description:"",displayName:"ArrowIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#ArrowIcon"]={docgenInfo:ArrowIcon.__docgenInfo,name:"ArrowIcon",path:"src/components/icons/index.tsx#ArrowIcon"})}catch(__react_docgen_typescript_loader_error){}try{SearchIconAlt.displayName="SearchIconAlt",SearchIconAlt.__docgenInfo={description:"",displayName:"SearchIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#SearchIconAlt"]={docgenInfo:SearchIconAlt.__docgenInfo,name:"SearchIconAlt",path:"src/components/icons/index.tsx#SearchIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{SquareIconAlt.displayName="SquareIconAlt",SquareIconAlt.__docgenInfo={description:"",displayName:"SquareIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#SquareIconAlt"]={docgenInfo:SquareIconAlt.__docgenInfo,name:"SquareIconAlt",path:"src/components/icons/index.tsx#SquareIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{DeleteIconAlt.displayName="DeleteIconAlt",DeleteIconAlt.__docgenInfo={description:"",displayName:"DeleteIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#DeleteIconAlt"]={docgenInfo:DeleteIconAlt.__docgenInfo,name:"DeleteIconAlt",path:"src/components/icons/index.tsx#DeleteIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{UploadIcon.displayName="UploadIcon",UploadIcon.__docgenInfo={description:"",displayName:"UploadIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#UploadIcon"]={docgenInfo:UploadIcon.__docgenInfo,name:"UploadIcon",path:"src/components/icons/index.tsx#UploadIcon"})}catch(__react_docgen_typescript_loader_error){}try{ChannelIcon.displayName="ChannelIcon",ChannelIcon.__docgenInfo={description:"",displayName:"ChannelIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#ChannelIcon"]={docgenInfo:ChannelIcon.__docgenInfo,name:"ChannelIcon",path:"src/components/icons/index.tsx#ChannelIcon"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/components/Dialog.tsx");try{ConstraintSelect.displayName="ConstraintSelect",ConstraintSelect.__docgenInfo={description:"",displayName:"ConstraintSelect",props:{constraint:{defaultValue:null,description:"@param constraint package version constraint",name:"constraint",required:!0,type:{name:"string | null"}},onUpdate:{defaultValue:{value:"(value: string) => {}"},description:"",name:"onUpdate",required:!1,type:{name:"((value: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#ConstraintSelect"]={docgenInfo:ConstraintSelect.__docgenInfo,name:"ConstraintSelect",path:"src/components/index.tsx#ConstraintSelect"})}catch(__react_docgen_typescript_loader_error){}try{VersionSelect.displayName="VersionSelect",VersionSelect.__docgenInfo={description:"",displayName:"VersionSelect",props:{version:{defaultValue:null,description:"@param version package version\n@param name package name",name:"version",required:!0,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},onUpdate:{defaultValue:{value:"(value: string) => {}"},description:"",name:"onUpdate",required:!1,type:{name:"((value: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#VersionSelect"]={docgenInfo:VersionSelect.__docgenInfo,name:"VersionSelect",path:"src/components/index.tsx#VersionSelect"})}catch(__react_docgen_typescript_loader_error){}try{BlockContainer.displayName="BlockContainer",BlockContainer.__docgenInfo={description:"",displayName:"BlockContainer",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#BlockContainer"]={docgenInfo:BlockContainer.__docgenInfo,name:"BlockContainer",path:"src/components/index.tsx#BlockContainer"})}catch(__react_docgen_typescript_loader_error){}try{BlockContainerEditMode.displayName="BlockContainerEditMode",BlockContainerEditMode.__docgenInfo={description:"",displayName:"BlockContainerEditMode",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},onToggleEditMode:{defaultValue:null,description:"",name:"onToggleEditMode",required:!0,type:{name:"(show: boolean) => void"}},isEditMode:{defaultValue:null,description:"",name:"isEditMode",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#BlockContainerEditMode"]={docgenInfo:BlockContainerEditMode.__docgenInfo,name:"BlockContainerEditMode",path:"src/components/index.tsx#BlockContainerEditMode"})}catch(__react_docgen_typescript_loader_error){}try{Popup.displayName="Popup",Popup.__docgenInfo={description:"",displayName:"Popup",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string | null"}},isVisible:{defaultValue:null,description:"",name:"isVisible",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#Popup"]={docgenInfo:Popup.__docgenInfo,name:"Popup",path:"src/components/index.tsx#Popup"})}catch(__react_docgen_typescript_loader_error){}try{CondaLogo.displayName="CondaLogo",CondaLogo.__docgenInfo={description:"",displayName:"CondaLogo",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#CondaLogo"]={docgenInfo:CondaLogo.__docgenInfo,name:"CondaLogo",path:"src/components/index.tsx#CondaLogo"})}catch(__react_docgen_typescript_loader_error){}try{GroupIconAlt.displayName="GroupIconAlt",GroupIconAlt.__docgenInfo={description:"",displayName:"GroupIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#GroupIconAlt"]={docgenInfo:GroupIconAlt.__docgenInfo,name:"GroupIconAlt",path:"src/components/index.tsx#GroupIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{ArrowIcon.displayName="ArrowIcon",ArrowIcon.__docgenInfo={description:"",displayName:"ArrowIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#ArrowIcon"]={docgenInfo:ArrowIcon.__docgenInfo,name:"ArrowIcon",path:"src/components/index.tsx#ArrowIcon"})}catch(__react_docgen_typescript_loader_error){}try{SearchIconAlt.displayName="SearchIconAlt",SearchIconAlt.__docgenInfo={description:"",displayName:"SearchIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#SearchIconAlt"]={docgenInfo:SearchIconAlt.__docgenInfo,name:"SearchIconAlt",path:"src/components/index.tsx#SearchIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{SquareIconAlt.displayName="SquareIconAlt",SquareIconAlt.__docgenInfo={description:"",displayName:"SquareIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#SquareIconAlt"]={docgenInfo:SquareIconAlt.__docgenInfo,name:"SquareIconAlt",path:"src/components/index.tsx#SquareIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{DeleteIconAlt.displayName="DeleteIconAlt",DeleteIconAlt.__docgenInfo={description:"",displayName:"DeleteIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#DeleteIconAlt"]={docgenInfo:DeleteIconAlt.__docgenInfo,name:"DeleteIconAlt",path:"src/components/index.tsx#DeleteIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{UploadIcon.displayName="UploadIcon",UploadIcon.__docgenInfo={description:"",displayName:"UploadIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#UploadIcon"]={docgenInfo:UploadIcon.__docgenInfo,name:"UploadIcon",path:"src/components/index.tsx#UploadIcon"})}catch(__react_docgen_typescript_loader_error){}try{ChannelIcon.displayName="ChannelIcon",ChannelIcon.__docgenInfo={description:"",displayName:"ChannelIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#ChannelIcon"]={docgenInfo:ChannelIcon.__docgenInfo,name:"ChannelIcon",path:"src/components/index.tsx#ChannelIcon"})}catch(__react_docgen_typescript_loader_error){}try{AlertDialog.displayName="AlertDialog",AlertDialog.__docgenInfo={description:"",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},closeAction:{defaultValue:null,description:"",name:"closeAction",required:!0,type:{name:"() => void"}},confirmAction:{defaultValue:null,description:"",name:"confirmAction",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#AlertDialog"]={docgenInfo:AlertDialog.__docgenInfo,name:"AlertDialog",path:"src/components/index.tsx#AlertDialog"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/api/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>apiSlice});var rtk_query_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/query/rtk-query.esm.js"),rtk_query_react_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/query/react/rtk-query-react.esm.js"),preferences=__webpack_require__("./src/preferences.tsx");const apiSlice=(0,rtk_query_react_esm.LC)({baseQuery:async(args,WebApi,extraOptions)=>{const baseUrl=preferences.p0.apiUrl;return(0,rtk_query_esm.ni)({baseUrl,credentials:"include",prepareHeaders:headers=>("token"===preferences.p0.authMethod&&preferences.p0.authToken&&headers.set("Authorization",`Bearer ${preferences.p0.authToken}`),headers)})(args,WebApi,extraOptions)},endpoints:builder=>({}),reducerPath:"api",refetchOnMountOrArgChange:!0,tagTypes:[]})},"./src/features/artifacts/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>ArtifactList_ArtifactList});var Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),Link=__webpack_require__("./node_modules/@mui/material/Link/Link.js"),react=__webpack_require__("./node_modules/react/index.js"),preferences=__webpack_require__("./src/preferences.tsx"),helpers=__webpack_require__("./src/utils/helpers/index.ts");const ArtifactsItem_ArtifactItem=({artifact})=>{const pref=react.useContext(preferences.uo),url=(0,helpers.oA)(pref.apiUrl)?pref.apiUrl:`${window.location.origin}${pref.apiUrl}`,route=new URL(artifact.route,url).toString();return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Link.Z,{href:route,underline:"none",sx:{color:"#333",fontSize:"13px"},target:"_blank"},artifact.name))};try{ArtifactsItem_ArtifactItem.displayName="ArtifactItem",ArtifactsItem_ArtifactItem.__docgenInfo={description:"",displayName:"ArtifactItem",props:{artifact:{defaultValue:null,description:"@param artifact type with the name and route properties",name:"artifact",required:!0,type:{name:"Artifact"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/components/ArtifactsItem.tsx#ArtifactItem"]={docgenInfo:ArtifactsItem_ArtifactItem.__docgenInfo,name:"ArtifactItem",path:"src/features/artifacts/components/ArtifactsItem.tsx#ArtifactItem"})}catch(__react_docgen_typescript_loader_error){}var CircularProgress=__webpack_require__("./node_modules/@mui/material/CircularProgress/CircularProgress.js"),ListItem=__webpack_require__("./node_modules/@mui/material/ListItem/ListItem.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),components=__webpack_require__("./src/components/index.tsx");const ArtifactList_ArtifactList=({artifacts})=>{const{typography}=(0,useTheme.Z)();return artifacts&&(artifacts=(artifact_list=>{const ordered_list=[];for(let i=0;i<artifact_list.length;i++){const item=artifact_list[i];item.name.includes("Show")?ordered_list.unshift(item):ordered_list.push(item)}return ordered_list})(artifacts)),react.createElement(components.VW,{title:"Logs and Artifacts"},artifacts.length?react.createElement(Box.Z,null,artifacts.map(((link,index)=>react.createElement(ListItem.ZP,{key:link.name,sx:{padding:"0",marginBottom:index===artifacts.length-1?"0px":"15px",fontFamily:typography.fontFamily}},react.createElement(ArtifactsItem_ArtifactItem,{artifact:link}))))):react.createElement(CircularProgress.Z,{size:20}))};try{ArtifactList_ArtifactList.displayName="ArtifactList",ArtifactList_ArtifactList.__docgenInfo={description:"",displayName:"ArtifactList",props:{artifacts:{defaultValue:null,description:"@param artifacts list of artifacts",name:"artifacts",required:!0,type:{name:"Artifact[] | never[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/components/ArtifactList.tsx#ArtifactList"]={docgenInfo:ArtifactList_ArtifactList.__docgenInfo,name:"ArtifactList",path:"src/features/artifacts/components/ArtifactList.tsx#ArtifactList"})}catch(__react_docgen_typescript_loader_error){}try{ArtifactItem.displayName="ArtifactItem",ArtifactItem.__docgenInfo={description:"",displayName:"ArtifactItem",props:{artifact:{defaultValue:null,description:"@param artifact type with the name and route properties",name:"artifact",required:!0,type:{name:"Artifact"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/components/index.tsx#ArtifactItem"]={docgenInfo:ArtifactItem.__docgenInfo,name:"ArtifactItem",path:"src/features/artifacts/components/index.tsx#ArtifactItem"})}catch(__react_docgen_typescript_loader_error){}try{ArtifactList.displayName="ArtifactList",ArtifactList.__docgenInfo={description:"",displayName:"ArtifactList",props:{artifacts:{defaultValue:null,description:"@param artifacts list of artifacts",name:"artifacts",required:!0,type:{name:"Artifact[] | never[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/components/index.tsx#ArtifactList"]={docgenInfo:ArtifactList.__docgenInfo,name:"ArtifactList",path:"src/features/artifacts/components/index.tsx#ArtifactList"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/artifacts/stories/ArtifactsList.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/artifacts/components/index.tsx");const artifactList=[{name:"Show lockfile",route:"/api/v1/build/1/lockfile/"},{name:"Show yml file",route:"/api/v1/build/1/yaml/"},{name:"Show Conda environment 1 log",route:"/api/v1/build/1/logs"},{name:"Download archive",route:"/api/v1/build/1/archive/"}],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_1__.y},Primary=()=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.y,{artifacts:artifactList})},"./src/features/channels/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r_:()=>ChannelsEdit_ChannelsEdit,xe:()=>ChannelsList_ChannelsList});var Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),react=__webpack_require__("./node_modules/react/index.js"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const Channel_Channel=({channelName})=>react.createElement(Box.Z,{className:"box",sx:{display:"flex",alignItems:"center"}},react.createElement(Typography.Z,{className:"typography",sx:{color:"#333",fontSize:"13px"}},channelName));try{Channel_Channel.displayName="Channel",Channel_Channel.__docgenInfo={description:"",displayName:"Channel",props:{channelName:{defaultValue:null,description:"@param channelName name of the channel",name:"channelName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/Channel.tsx#Channel"]={docgenInfo:Channel_Channel.__docgenInfo,name:"Channel",path:"src/features/channels/components/Channel.tsx#Channel"})}catch(__react_docgen_typescript_loader_error){}var styles=__webpack_require__("./src/styles/index.tsx"),components=__webpack_require__("./src/components/index.tsx");const ChannelsList_ChannelsList=({channelList})=>{const listLength=channelList.length;return react.createElement(Accordion.Z,{sx:{maxWidth:420,boxShadow:"none"},disableGutters:!0,defaultExpanded:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Channels")),react.createElement(styles.Ug,{sx:{padding:"11px 21px"}},channelList.map(((channel,index)=>react.createElement(Box.Z,{key:channel,sx:{marginBottom:index===listLength-1?"0px":"10px"}},react.createElement(Channel_Channel,{channelName:channel}))))))};try{ChannelsList_ChannelsList.displayName="ChannelsList",ChannelsList_ChannelsList.__docgenInfo={description:"",displayName:"ChannelsList",props:{channelList:{defaultValue:null,description:"@param channelList list of channels",name:"channelList",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/ChannelsList.tsx#ChannelsList"]={docgenInfo:ChannelsList_ChannelsList.__docgenInfo,name:"ChannelsList",path:"src/features/channels/components/ChannelsList.tsx#ChannelsList"})}catch(__react_docgen_typescript_loader_error){}var useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js"),react_beautiful_dnd_esm=__webpack_require__("./node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.esm.js"),Close=__webpack_require__("./node_modules/@mui/icons-material/Close.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js");const AddChannel=({onCancel,onSubmit})=>{const[name,setName]=(0,react.useState)(""),handleSubmit=()=>{name&&(onSubmit(name),onCancel())};return react.createElement(Box.Z,{sx:{marginBottom:"20px",display:"flex",alignItems:"center"}},react.createElement(TextField.Z,{autoFocus:!0,label:"Enter channel",size:"small",onChange:e=>setName(e.target.value),onKeyDown:e=>{"Enter"===e.key&&handleSubmit()},onBlur:handleSubmit,sx:{marginRight:"15px",width:"207px",height:"34px"}}),react.createElement(styles.Qh,{onClick:onCancel},react.createElement(Close.Z,{sx:{marginTop:"5px"}})))};try{AddChannel.displayName="AddChannel",AddChannel.__docgenInfo={description:"",displayName:"AddChannel",props:{onCancel:{defaultValue:null,description:"@param onCancel handler that will run when close icon is clicked\n@param onSubmit handler that will run when the input looses focus or when enter key is pressed",name:"onCancel",required:!0,type:{name:"() => void"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!0,type:{name:"(channelName: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/AddChannel.tsx#AddChannel"]={docgenInfo:AddChannel.__docgenInfo,name:"AddChannel",path:"src/features/channels/components/AddChannel.tsx#AddChannel"})}catch(__react_docgen_typescript_loader_error){}var helpers=__webpack_require__("./src/utils/helpers/index.ts");const ChannelsEditItem_ChannelsEditItem=(0,react.memo)((({channelName,onRemove,onEdit})=>{const[name,setName]=(0,react.useState)(channelName),[isEditing,setIsEditing]=(0,react.useState)(!1),dragIcon=(0,helpers.O5)(react.createElement(components.MC,{color:"#C4C7CC"}),react.createElement(components.MC,{color:"#A8DAB5"})),boxStyles=(0,helpers.I7)({height:"100%",width:"10px",backgroundColor:"#C4C7CC",display:"inline-block",marginLeft:"-1px",borderRight:"1px solid #F1F1F1",borderLeft:"1px solid #F1F1F1"}),containerStyles=(0,helpers.I7)({height:"32px",width:"205px",backgroundColor:"#F1F1F1",border:"1px solid #BCBFC4",display:"flex",alignItems:"center"}),handleSubmit=()=>{name&&onEdit(channelName,name),setIsEditing(!1)};return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Box.Z,{sx:containerStyles},react.createElement(Box.Z,{sx:boxStyles}),dragIcon,!isEditing&&react.createElement(Box.Z,{onClick:()=>setIsEditing(!0),sx:{"&:hover":{cursor:"pointer"}}},react.createElement(Typography.Z,{sx:{fontSize:"13px",color:"#333"}},channelName)),isEditing&&react.createElement(TextField.Z,{autoFocus:!0,size:"small",sx:{width:"140px"},inputProps:{style:{padding:"0px 5px"}},onBlur:handleSubmit,value:name,onKeyDown:e=>{"Enter"===e.key&&handleSubmit()},onChange:e=>setName(e.target.value)})),react.createElement(styles.Qh,{sx:{marginLeft:"15px"},onClick:()=>onRemove(channelName),"data-testid":"DeleteIcon"},react.createElement(components.zF,null)))}));try{ChannelsEditItem_ChannelsEditItem.displayName="ChannelsEditItem",ChannelsEditItem_ChannelsEditItem.__docgenInfo={description:"",displayName:"ChannelsEditItem",props:{channelName:{defaultValue:null,description:"@param channelName list of channels\n@param onRemove handler that will run when delete button is clicked\n@param onEdit handler that will run when editing is finished",name:"channelName",required:!0,type:{name:"string"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"(channelName: string) => void"}},onEdit:{defaultValue:null,description:"",name:"onEdit",required:!0,type:{name:"(channelName: string, newChannelName: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/ChannelsEditItem.tsx#ChannelsEditItem"]={docgenInfo:ChannelsEditItem_ChannelsEditItem.__docgenInfo,name:"ChannelsEditItem",path:"src/features/channels/components/ChannelsEditItem.tsx#ChannelsEditItem"})}catch(__react_docgen_typescript_loader_error){}const ChannelsEdit_ChannelsEdit=(0,react.memo)((({channelsList,updateChannels})=>{const listLength=channelsList.length,{palette}=(0,useTheme.Z)(),expandedRef=(0,react.useRef)(listLength>0),[isAdding,setIsAdding]=(0,react.useState)(!1),addNewChannel=channelName=>{updateChannels([...channelsList,channelName])},removeChannel=channelName=>{updateChannels(channelsList.filter((item=>item!==channelName)))},editChannel=(channelName,newChannelName)=>{const newChannelsList=channelsList.map((channel=>channel===channelName?newChannelName:channel));updateChannels(newChannelsList)};return react.createElement(Accordion.Z,{defaultExpanded:expandedRef.current,sx:{maxWidth:420,boxShadow:"none"},disableGutters:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Channels")),react.createElement(react_beautiful_dnd_esm.Z5,{onDragEnd:result=>{if(!result.destination)return;const{destination,source}=result,reorderedArray=(0,helpers.Wc)({list:channelsList,startIndex:source.index,endIndex:destination.index});updateChannels(reorderedArray)}},react.createElement(react_beautiful_dnd_esm.bK,{droppableId:"channels-edit-list"},(provided=>react.createElement(styles.Ug,{...provided.droppableProps,ref:provided.innerRef,sx:{padding:"18px 20px",paddingBottom:""+(0===listLength?"20px":"0px"),borderRadius:"0px"}},channelsList.map(((channel,index)=>react.createElement(react_beautiful_dnd_esm._l,{key:channel,draggableId:channel,index},(provided=>react.createElement(Box.Z,{...provided.draggableProps,...provided.dragHandleProps,ref:provided.innerRef,sx:{marginBottom:"20px",width:"247px"}},react.createElement(ChannelsEditItem_ChannelsEditItem,{onRemove:removeChannel,channelName:channel,onEdit:editChannel})))))),provided.placeholder,react.createElement(Box.Z,null,isAdding&&react.createElement(AddChannel,{onSubmit:addNewChannel,onCancel:()=>setIsAdding(!1)})))))),react.createElement(AccordionDetails.Z,{sx:{border:`1px solid ${palette.primary.main}`,borderTop:"0px",borderRadius:"0px",padding:"15px 21px",display:"flex",justifyContent:"center"}},react.createElement(styles.nX,{variant:"contained",onClick:()=>setIsAdding(!0),isalttype:"true"},"+ Add Channel")))}),((prevProps,nextProps)=>{const isSameArray=JSON.stringify(prevProps.channelsList)===JSON.stringify(nextProps.channelsList),isSameFunc=prevProps.updateChannels===nextProps.updateChannels;return isSameArray&&isSameFunc}));try{ChannelsEdit_ChannelsEdit.displayName="ChannelsEdit",ChannelsEdit_ChannelsEdit.__docgenInfo={description:"",displayName:"ChannelsEdit",props:{channelsList:{defaultValue:null,description:"@param channelsList list of channels\n@param updateChannels handler that will update the channels list",name:"channelsList",required:!0,type:{name:"string[]"}},updateChannels:{defaultValue:null,description:"",name:"updateChannels",required:!0,type:{name:"(channels: string[]) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/ChannelsEdit.tsx#ChannelsEdit"]={docgenInfo:ChannelsEdit_ChannelsEdit.__docgenInfo,name:"ChannelsEdit",path:"src/features/channels/components/ChannelsEdit.tsx#ChannelsEdit"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsList.displayName="ChannelsList",ChannelsList.__docgenInfo={description:"",displayName:"ChannelsList",props:{channelList:{defaultValue:null,description:"@param channelList list of channels",name:"channelList",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/index.tsx#ChannelsList"]={docgenInfo:ChannelsList.__docgenInfo,name:"ChannelsList",path:"src/features/channels/components/index.tsx#ChannelsList"})}catch(__react_docgen_typescript_loader_error){}try{Channel.displayName="Channel",Channel.__docgenInfo={description:"",displayName:"Channel",props:{channelName:{defaultValue:null,description:"@param channelName name of the channel",name:"channelName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/index.tsx#Channel"]={docgenInfo:Channel.__docgenInfo,name:"Channel",path:"src/features/channels/components/index.tsx#Channel"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsEdit.displayName="ChannelsEdit",ChannelsEdit.__docgenInfo={description:"",displayName:"ChannelsEdit",props:{channelsList:{defaultValue:null,description:"@param channelsList list of channels\n@param updateChannels handler that will update the channels list",name:"channelsList",required:!0,type:{name:"string[]"}},updateChannels:{defaultValue:null,description:"",name:"updateChannels",required:!0,type:{name:"(channels: string[]) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/index.tsx#ChannelsEdit"]={docgenInfo:ChannelsEdit.__docgenInfo,name:"ChannelsEdit",path:"src/features/channels/components/index.tsx#ChannelsEdit"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsEditItem.displayName="ChannelsEditItem",ChannelsEditItem.__docgenInfo={description:"",displayName:"ChannelsEditItem",props:{channelName:{defaultValue:null,description:"@param channelName list of channels\n@param onRemove handler that will run when delete button is clicked\n@param onEdit handler that will run when editing is finished",name:"channelName",required:!0,type:{name:"string"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"(channelName: string) => void"}},onEdit:{defaultValue:null,description:"",name:"onEdit",required:!0,type:{name:"(channelName: string, newChannelName: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/index.tsx#ChannelsEditItem"]={docgenInfo:ChannelsEditItem.__docgenInfo,name:"ChannelsEditItem",path:"src/features/channels/components/index.tsx#ChannelsEditItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/channels/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ZU:()=>channelsSlice});__webpack_require__("./src/features/channels/components/index.tsx");var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),environmentDetails=__webpack_require__("./src/features/environmentDetails/index.tsx");const channelsSlice=(0,redux_toolkit_esm.oM)({name:"channels",initialState:{channels:[]},reducers:{updateChannels:(state,action)=>{const channels=action.payload;state.channels=channels}},extraReducers:builder=>{builder.addMatcher(environmentDetails.XZ.endpoints.getBuild.matchFulfilled,((state,{payload:{data:{specification:{spec:{channels}}}}})=>{state.channels=channels}))}}),{updateChannels:channelsSlice_updateChannels}=channelsSlice.actions;try{ChannelsList.displayName="ChannelsList",ChannelsList.__docgenInfo={description:"",displayName:"ChannelsList",props:{channelList:{defaultValue:null,description:"@param channelList list of channels",name:"channelList",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#ChannelsList"]={docgenInfo:ChannelsList.__docgenInfo,name:"ChannelsList",path:"src/features/channels/index.tsx#ChannelsList"})}catch(__react_docgen_typescript_loader_error){}try{Channel.displayName="Channel",Channel.__docgenInfo={description:"",displayName:"Channel",props:{channelName:{defaultValue:null,description:"@param channelName name of the channel",name:"channelName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#Channel"]={docgenInfo:Channel.__docgenInfo,name:"Channel",path:"src/features/channels/index.tsx#Channel"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsEdit.displayName="ChannelsEdit",ChannelsEdit.__docgenInfo={description:"",displayName:"ChannelsEdit",props:{channelsList:{defaultValue:null,description:"@param channelsList list of channels\n@param updateChannels handler that will update the channels list",name:"channelsList",required:!0,type:{name:"string[]"}},updateChannels:{defaultValue:null,description:"",name:"updateChannels",required:!0,type:{name:"(channels: string[]) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#ChannelsEdit"]={docgenInfo:ChannelsEdit.__docgenInfo,name:"ChannelsEdit",path:"src/features/channels/index.tsx#ChannelsEdit"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsEditItem.displayName="ChannelsEditItem",ChannelsEditItem.__docgenInfo={description:"",displayName:"ChannelsEditItem",props:{channelName:{defaultValue:null,description:"@param channelName list of channels\n@param onRemove handler that will run when delete button is clicked\n@param onEdit handler that will run when editing is finished",name:"channelName",required:!0,type:{name:"string"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"(channelName: string) => void"}},onEdit:{defaultValue:null,description:"",name:"onEdit",required:!0,type:{name:"(channelName: string, newChannelName: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#ChannelsEditItem"]={docgenInfo:ChannelsEditItem.__docgenInfo,name:"ChannelsEditItem",path:"src/features/channels/index.tsx#ChannelsEditItem"})}catch(__react_docgen_typescript_loader_error){}try{updateChannels.displayName="updateChannels",updateChannels.__docgenInfo={description:"",displayName:"updateChannels",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#updateChannels"]={docgenInfo:updateChannels.__docgenInfo,name:"updateChannels",path:"src/features/channels/index.tsx#updateChannels"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/channels/stories/ChannelsEdit.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/channels/components/index.tsx");const channelsList=["conda-store","default","conda forge"],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_1__.r_},Primary=()=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.r_,{channelsList,updateChannels:()=>({})})},"./src/features/channels/stories/ChannelsList.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/channels/components/index.tsx");const channelsList=["conda-store","default","conda forge"],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_1__.xe},Primary=()=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.xe,{channelList:channelsList})},"./src/features/dependencies/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>Dependencies_Dependencies});var react=__webpack_require__("./node_modules/react/index.js"),Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),CircularProgress=__webpack_require__("./node_modules/@mui/material/CircularProgress/CircularProgress.js"),index_es=__webpack_require__("./node_modules/react-infinite-scroll-component/dist/index.es.js"),styles=__webpack_require__("./src/styles/index.tsx"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),components=__webpack_require__("./src/components/index.tsx");const DependenciesItem_DependenciesItem=(0,react.memo)((({dependency,mode,handleClick})=>{const{name,version}=dependency,isEditMode="edit"===mode;return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center",width:"300px"}},react.createElement(Typography.Z,{sx:{fontSize:"13px",color:"#333"}},name)),react.createElement(Typography.Z,{sx:{color:"#333",width:isEditMode?"140px":"auto",marginLeft:isEditMode?"20px":"0px",fontSize:"13px"}},version),isEditMode&&react.createElement(Tooltip.Z,{title:"Promote as requested package",placement:"right-start"},react.createElement(styles.Qh,{onClick:handleClick,"data-testid":"PromoteIcon"},react.createElement(components.rG,null))))}),((prevProps,nextProps)=>prevProps.dependency.id===nextProps.dependency.id));try{DependenciesItem_DependenciesItem.displayName="DependenciesItem",DependenciesItem_DependenciesItem.__docgenInfo={description:"",displayName:"DependenciesItem",props:{dependency:{defaultValue:null,description:"@param dependency single dependency\n@param mode change whether we are only able to read this dependency or edit it\n@param handleClick click handler",name:"dependency",required:!0,type:{name:"Dependency"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},handleClick:{defaultValue:null,description:"",name:"handleClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/components/DependenciesItem.tsx#DependenciesItem"]={docgenInfo:DependenciesItem_DependenciesItem.__docgenInfo,name:"DependenciesItem",path:"src/features/dependencies/components/DependenciesItem.tsx#DependenciesItem"})}catch(__react_docgen_typescript_loader_error){}var hooks=__webpack_require__("./src/hooks.ts"),requestedPackages=__webpack_require__("./src/features/requestedPackages/index.tsx");const Dependencies_Dependencies=({mode,dependencies,hasMore,next=()=>null})=>{const dispatch=(0,hooks.T)(),{selectedEnvironment}=(0,hooks.C)((state=>state.tabs)),listLength=dependencies.length,scrollRef=(0,react.useRef)(null);return(0,react.useEffect)((()=>{var _a;null===(_a=scrollRef.current)||void 0===_a||_a.scrollTo(0,0)}),[null==selectedEnvironment?void 0:selectedEnvironment.id]),react.createElement(Accordion.Z,{sx:{maxWidth:420,boxShadow:"none"},disableGutters:!0,defaultExpanded:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Packages Installed as Dependencies")),react.createElement(styles.Ug,{id:"infScroll",sx:{padding:"15px 21px",maxHeight:"300px"},ref:scrollRef},react.createElement(index_es.Z,{hasMore,loader:react.createElement(Box.Z,{sx:{display:"flex",justifyContent:"center",marginTop:"10px"}},react.createElement(CircularProgress.Z,null)),dataLength:listLength,next,scrollableTarget:"infScroll",style:{overflow:"hidden"}},dependencies.length?react.createElement(react.Fragment,null,dependencies.map(((dependency,index)=>react.createElement(Box.Z,{key:dependency.id,sx:{marginBottom:index===listLength-1?"0px":"2px"}},react.createElement(DependenciesItem_DependenciesItem,{mode,dependency,handleClick:()=>dispatch((0,requestedPackages.Ze)(dependency))}))))):react.createElement(CircularProgress.Z,{size:20}))))};try{Dependencies_Dependencies.displayName="Dependencies",Dependencies_Dependencies.__docgenInfo={description:"",displayName:"Dependencies",props:{dependencies:{defaultValue:null,description:"@param dependencies list of dependencies\n@param mode change whether the component only displays the list or we are able to edit it\n@param hasMore needed for infinite scroll, if this is true next function will be called\n@param next handler which will be called when we scoll at the current bottom of the infinite scroll lists",name:"dependencies",required:!0,type:{name:"Dependency[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:{value:"() => null"},description:"",name:"next",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/components/Dependencies.tsx#Dependencies"]={docgenInfo:Dependencies_Dependencies.__docgenInfo,name:"Dependencies",path:"src/features/dependencies/components/Dependencies.tsx#Dependencies"})}catch(__react_docgen_typescript_loader_error){}try{Dependencies.displayName="Dependencies",Dependencies.__docgenInfo={description:"",displayName:"Dependencies",props:{dependencies:{defaultValue:null,description:"@param dependencies list of dependencies\n@param mode change whether the component only displays the list or we are able to edit it\n@param hasMore needed for infinite scroll, if this is true next function will be called\n@param next handler which will be called when we scoll at the current bottom of the infinite scroll lists",name:"dependencies",required:!0,type:{name:"Dependency[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:{value:"() => null"},description:"",name:"next",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/components/index.tsx#Dependencies"]={docgenInfo:Dependencies.__docgenInfo,name:"Dependencies",path:"src/features/dependencies/components/index.tsx#Dependencies"})}catch(__react_docgen_typescript_loader_error){}try{DependenciesItem.displayName="DependenciesItem",DependenciesItem.__docgenInfo={description:"",displayName:"DependenciesItem",props:{dependency:{defaultValue:null,description:"@param dependency single dependency\n@param mode change whether we are only able to read this dependency or edit it\n@param handleClick click handler",name:"dependency",required:!0,type:{name:"Dependency"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},handleClick:{defaultValue:null,description:"",name:"handleClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/components/index.tsx#DependenciesItem"]={docgenInfo:DependenciesItem.__docgenInfo,name:"DependenciesItem",path:"src/features/dependencies/components/index.tsx#DependenciesItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/dependencies/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Tr:()=>dependenciesApiSlice,kW:()=>dependenciesSlice});__webpack_require__("./src/features/dependencies/components/index.tsx");const dependenciesApiSlice=__webpack_require__("./src/features/api/index.ts").g.injectEndpoints({endpoints:builder=>({getBuildPackages:builder.query({query:dto=>`/api/v1/build/${dto.buildId}/packages/?page=${dto.page}&size=${dto.size}`,keepUnusedDataFor:0})})}),{useGetBuildPackagesQuery,useLazyGetBuildPackagesQuery:dependenciesApiSlice_useLazyGetBuildPackagesQuery}=dependenciesApiSlice;var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),tabs=__webpack_require__("./src/features/tabs/index.tsx");const dependenciesSlice=(0,redux_toolkit_esm.oM)({name:"dependencies",initialState:{dependencies:[],page:1,count:0,size:0},reducers:{updateDependencies:(state,action)=>{const dependencies=action.payload;state.dependencies=dependencies},pageChanged:(state,action)=>{state.page=action.payload}},extraReducers:builder=>{builder.addCase(tabs.Zb.type,(state=>{state.page=1})),builder.addMatcher(dependenciesApiSlice.endpoints.getBuildPackages.matchFulfilled,((state,{payload:{data,size,count,page}})=>{1===page?state.dependencies=data:state.dependencies.push(...data),state.size=size,state.count=count}))}}),{pageChanged:dependenciesSlice_pageChanged,updateDependencies:dependenciesSlice_updateDependencies}=dependenciesSlice.actions;try{Dependencies.displayName="Dependencies",Dependencies.__docgenInfo={description:"",displayName:"Dependencies",props:{dependencies:{defaultValue:null,description:"@param dependencies list of dependencies\n@param mode change whether the component only displays the list or we are able to edit it\n@param hasMore needed for infinite scroll, if this is true next function will be called\n@param next handler which will be called when we scoll at the current bottom of the infinite scroll lists",name:"dependencies",required:!0,type:{name:"Dependency[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:{value:"() => null"},description:"",name:"next",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#Dependencies"]={docgenInfo:Dependencies.__docgenInfo,name:"Dependencies",path:"src/features/dependencies/index.tsx#Dependencies"})}catch(__react_docgen_typescript_loader_error){}try{DependenciesItem.displayName="DependenciesItem",DependenciesItem.__docgenInfo={description:"",displayName:"DependenciesItem",props:{dependency:{defaultValue:null,description:"@param dependency single dependency\n@param mode change whether we are only able to read this dependency or edit it\n@param handleClick click handler",name:"dependency",required:!0,type:{name:"Dependency"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},handleClick:{defaultValue:null,description:"",name:"handleClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#DependenciesItem"]={docgenInfo:DependenciesItem.__docgenInfo,name:"DependenciesItem",path:"src/features/dependencies/index.tsx#DependenciesItem"})}catch(__react_docgen_typescript_loader_error){}try{useLazyGetBuildPackagesQuery.displayName="useLazyGetBuildPackagesQuery",useLazyGetBuildPackagesQuery.__docgenInfo={description:"",displayName:"useLazyGetBuildPackagesQuery",props:{pollingInterval:{defaultValue:null,description:"How frequently to automatically re-fetch data (in milliseconds). Defaults to `0` (off).",name:"pollingInterval",required:!1,type:{name:"number"}},refetchOnReconnect:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after regaining a network connection.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnReconnect",required:!1,type:{name:"boolean"}},refetchOnFocus:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after the application window regains focus.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnFocus",required:!1,type:{name:"boolean"}},selectFromResult:{defaultValue:null,description:'`selectFromResult` allows you to get a specific segment from a query result in a performant manner.\nWhen using this feature, the component will not rerender unless the underlying data of the selected item has changed.\nIf the selected item is one element in a larger collection, it will disregard changes to elements in the same collection.\n@example ```ts\n// codeblock-meta title="Using selectFromResult to extract a single result"\nfunction PostsList() {\n  const { data: posts } = api.useGetPostsQuery();\n\n  return (\n    <ul>\n      {posts?.data?.map((post) => (\n        <PostById key={post.id} id={post.id} />\n      ))}\n    </ul>\n  );\n}\n\nfunction PostById({ id }: { id: number }) {\n  // Will select the post with the given id, and will only rerender if the given posts data changes\n  const { post } = api.useGetPostsQuery(undefined, {\n    selectFromResult: ({ data }) => ({ post: data?.find((post) => post.id === id) }),\n  });\n\n  return <li>{post?.name}</li>;\n}\n```',name:"selectFromResult",required:!1,type:{name:'QueryStateSelector<R, QueryDefinition<{ buildId: number; page: number; size: number; }, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, IApiResponse<...>, "api">>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#useLazyGetBuildPackagesQuery"]={docgenInfo:useLazyGetBuildPackagesQuery.__docgenInfo,name:"useLazyGetBuildPackagesQuery",path:"src/features/dependencies/index.tsx#useLazyGetBuildPackagesQuery"})}catch(__react_docgen_typescript_loader_error){}try{pageChanged.displayName="pageChanged",pageChanged.__docgenInfo={description:"",displayName:"pageChanged",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#pageChanged"]={docgenInfo:pageChanged.__docgenInfo,name:"pageChanged",path:"src/features/dependencies/index.tsx#pageChanged"})}catch(__react_docgen_typescript_loader_error){}try{updateDependencies.displayName="updateDependencies",updateDependencies.__docgenInfo={description:"",displayName:"updateDependencies",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#updateDependencies"]={docgenInfo:updateDependencies.__docgenInfo,name:"updateDependencies",path:"src/features/dependencies/index.tsx#updateDependencies"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/dependencies/stories/Dependencies.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>Dependencies_stories});var es=__webpack_require__("./node_modules/react-redux/es/index.js"),react=__webpack_require__("./node_modules/react/index.js"),components=__webpack_require__("./src/features/dependencies/components/index.tsx");var store=__webpack_require__("./src/store/index.ts");const Dependencies_stories={component:components.d},Primary=(args=>react.createElement(es.zt,{store:store.h},react.createElement(components.d,{hasMore:!1,mode:args.mode,dependencies:args.dependencies}))).bind({});Primary.args={mode:"edit",dependencies:[{id:3685,channel:{id:2,name:"https://conda.anaconda.org/conda-forge",last_update:null},build:"pyhd8ed1ab_0",license:"Apache-2.0",sha256:"4da0fe03babc950532513e9165dbc337a663880352392f496992776608dd77ca",name:"asttokens",version:"2.0.5",summary:"The asttokens module annotates Python abstract syntax trees (ASTs) with the positions of tokens and text in the source code that generated them."},{id:3674,channel:{id:2,name:"https://conda.anaconda.org/conda-forge",last_update:null},build:"pyh9f0ad1d_0",license:"BSD-3-Clause",sha256:"ee62d6434090c1327a48551734e06bd10e65a64ef7f3b6e68719500dab0e42b9",name:"backcall",version:"0.2.0",summary:"Specifications for callback functions passed in to an API"},{id:3675,channel:{id:2,name:"https://conda.anaconda.org/conda-forge",last_update:null},build:"pyh9f0ad1d_0",license:"BSD-3-Clause",sha256:"ee62d6434090c1327a48551734e06bd10e65a64ef7f3b6e68719500dab0e42b9",name:"dumpy",version:"1.2.0",summary:"Specifications for callback functions passed in to an API"},{id:3673,channel:{id:2,name:"https://conda.anaconda.org/conda-forge",last_update:null},build:"pyh9f0ad1d_0",license:"BSD-3-Clause",sha256:"ee62d6434090c1327a48551734e06bd10e65a64ef7f3b6e68719500dab0e42b9",name:"numpy",version:"0.2.1",summary:"Specifications for callback functions passed in to an API"}]}},"./src/features/environmentDetails/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{sZ:()=>environmentDetailsSlice_EnvironmentDetailsModes,XZ:()=>environmentDetailsApiSlice,KO:()=>environmentDetailsSlice,sq:()=>environmentDetailsSlice_modeChanged});var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),api=__webpack_require__("./src/features/api/index.ts");const environmentDetailsApiSlice=api.g.injectEndpoints({endpoints:builder=>({getBuild:builder.query({query:buildId=>`/api/v1/build/${buildId}/`,keepUnusedDataFor:0}),createOrUpdate:builder.mutation({query:code=>({url:"/api/v1/specification/",method:"POST",body:code})}),updateBuildId:builder.mutation({query:({namespace,environment,buildId})=>({url:`/api/v1/environment/${namespace}/${environment}/`,method:"PUT",body:{build_id:buildId}})}),deleteEnvironment:builder.mutation({query:({namespace,environment})=>({url:`/api/v1/environment/${namespace}/${environment}/`,method:"DELETE"})})})}),{useGetBuildQuery:environmentDetailsApiSlice_useGetBuildQuery,useCreateOrUpdateMutation:environmentDetailsApiSlice_useCreateOrUpdateMutation,useUpdateBuildIdMutation:environmentDetailsApiSlice_useUpdateBuildIdMutation,useDeleteEnvironmentMutation:environmentDetailsApiSlice_useDeleteEnvironmentMutation}=environmentDetailsApiSlice;var environmentDetailsSlice_EnvironmentDetailsModes;!function(EnvironmentDetailsModes){EnvironmentDetailsModes.CREATE="create",EnvironmentDetailsModes.READ="read-only",EnvironmentDetailsModes.EDIT="edit"}(environmentDetailsSlice_EnvironmentDetailsModes||(environmentDetailsSlice_EnvironmentDetailsModes={}));const initialState={mode:environmentDetailsSlice_EnvironmentDetailsModes.READ,name:"",prefix:null},environmentDetailsSlice=(0,redux_toolkit_esm.oM)({name:"environmentDetails",initialState,reducers:{modeChanged:(state,action)=>{state.mode=action.payload}},extraReducers:builder=>{builder.addMatcher(environmentDetailsApiSlice.endpoints.getBuild.matchFulfilled,((state,{payload:{data:{specification:{spec:{name,prefix}}}}})=>{state.name=name,state.prefix=prefix}))}}),{modeChanged:environmentDetailsSlice_modeChanged}=environmentDetailsSlice.actions;__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/lodash/lodash.js"),__webpack_require__("./node_modules/yaml/browser/index.js"),__webpack_require__("./src/components/index.tsx"),__webpack_require__("./src/features/channels/index.tsx"),__webpack_require__("./src/features/dependencies/index.tsx"),__webpack_require__("./src/features/requestedPackages/index.tsx"),__webpack_require__("./node_modules/@uiw/react-codemirror/esm/index.js");var codemirror_themes_esm=__webpack_require__("./node_modules/@uiw/codemirror-themes/esm/index.js"),dist=__webpack_require__("./node_modules/@lezer/highlight/dist/index.js");(0,codemirror_themes_esm.Z)({theme:"light",settings:{background:"#ffffff",foreground:"#0A3069",caret:"#cf080c",selection:"#F1F1F1",selectionMatch:"#F1F1F1",lineHighlight:"#8a91991a",gutterBackground:"#fff",gutterForeground:"#57606A",gutterBorder:"transparent"},styles:[{tag:dist.pJ.keyword,color:"#116329"}]});__webpack_require__("./src/preferences.tsx");const editor_CodeEditor=({code,onChangeEditor})=>{const isGrayscaleStyleType="grayscale"===React.useContext(PrefContext).styleType,[isError,setIsError]=useState(!1);return React.createElement(React.Fragment,null,isError&&React.createElement(Alert,{severity:"error",sx:{mb:"20px"}},"You have an error in your yaml syntax"),React.createElement(CodeMirror,{value:code,height:"200px",theme:isGrayscaleStyleType?void 0:greenAccentTheme,extensions:[StreamLanguage.define(yamlLanguage)],onChange:e=>(e=>{try{setIsError(!1),onChangeEditor(parse(e))}catch(e){setIsError(!0)}})(e)}))};try{editor_CodeEditor.displayName="CodeEditor",editor_CodeEditor.__docgenInfo={description:"",displayName:"CodeEditor",props:{code:{defaultValue:null,description:"",name:"code",required:!0,type:{name:"any"}},onChangeEditor:{defaultValue:null,description:"",name:"onChangeEditor",required:!0,type:{name:"(code: { channels: string[]; dependencies: string[]; }) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/yamlEditor/components/editor.tsx#CodeEditor"]={docgenInfo:editor_CodeEditor.__docgenInfo,name:"CodeEditor",path:"src/features/yamlEditor/components/editor.tsx#CodeEditor"})}catch(__react_docgen_typescript_loader_error){}try{CodeEditor.displayName="CodeEditor",CodeEditor.__docgenInfo={description:"",displayName:"CodeEditor",props:{code:{defaultValue:null,description:"",name:"code",required:!0,type:{name:"any"}},onChangeEditor:{defaultValue:null,description:"",name:"onChangeEditor",required:!0,type:{name:"(code: { channels: string[]; dependencies: string[]; }) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/yamlEditor/components/index.tsx#CodeEditor"]={docgenInfo:CodeEditor.__docgenInfo,name:"CodeEditor",path:"src/features/yamlEditor/components/index.tsx#CodeEditor"})}catch(__react_docgen_typescript_loader_error){}try{CodeEditor.displayName="CodeEditor",CodeEditor.__docgenInfo={description:"",displayName:"CodeEditor",props:{code:{defaultValue:null,description:"",name:"code",required:!0,type:{name:"any"}},onChangeEditor:{defaultValue:null,description:"",name:"onChangeEditor",required:!0,type:{name:"(code: { channels: string[]; dependencies: string[]; }) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/yamlEditor/index.tsx#CodeEditor"]={docgenInfo:CodeEditor.__docgenInfo,name:"CodeEditor",path:"src/features/yamlEditor/index.tsx#CodeEditor"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/hooks.ts"),__webpack_require__("./src/styles/index.tsx");const SpecificationEdit_SpecificationEdit=({descriptionUpdated,defaultEnvVersIsChanged,onSpecificationIsChanged,onDefaultEnvIsChanged,onUpdateEnvironment,onShowDialogAlert})=>{const{channels}=useAppSelector((state=>state.channels)),{requestedPackages}=useAppSelector((state=>state.requestedPackages)),{dependencies,size,count,page}=useAppSelector((state=>state.dependencies)),hasMore=size*page<=count,dispatch=useAppDispatch(),[show,setShow]=useState(!1),[code,setCode]=useState({dependencies:requestedPackages,channels}),[envIsUpdated,setEnvIsUpdated]=useState(!1),initialChannels=useRef(cloneDeep(channels)),initialPackages=useRef(cloneDeep(requestedPackages)),stringifiedInitialChannels=useMemo((()=>JSON.stringify(initialChannels.current)),[initialChannels.current]),stringifiedInitialPackages=useMemo((()=>JSON.stringify(initialPackages.current)),[initialPackages.current]),onUpdateChannels=useCallback((channels=>{dispatch(updateChannels(channels)),onDefaultEnvIsChanged(!1)}),[]),onUpdateDefaultEnvironment=isChanged=>{onDefaultEnvIsChanged(isChanged),onSpecificationIsChanged(!isChanged)},onUpdateEditor=debounce((({channels,dependencies})=>{const code={dependencies,channels},isDifferentChannels=JSON.stringify(code.channels)!==stringifiedInitialChannels,isDifferentPackages=JSON.stringify(code.dependencies)!==stringifiedInitialPackages;channels&&0!==channels.length||(code.channels=[]),dependencies&&0!==dependencies.length||(code.dependencies=[]),(isDifferentChannels||isDifferentPackages)&&(setEnvIsUpdated(!0),onUpdateDefaultEnvironment(!1),onSpecificationIsChanged(!0)),setCode(code)}),200);return useEffect((()=>{descriptionUpdated&&setEnvIsUpdated(!0);const isDifferentChannels=JSON.stringify(channels)!==stringifiedInitialChannels,isDifferentPackages=JSON.stringify(requestedPackages)!==stringifiedInitialPackages;defaultEnvVersIsChanged?setEnvIsUpdated(!1):(isDifferentChannels||isDifferentPackages)&&setEnvIsUpdated(!0)}),[channels,requestedPackages,descriptionUpdated]),React.createElement(BlockContainerEditMode,{title:"Specification",onToggleEditMode:value=>{show?(dispatch(updatePackages(code.dependencies)),dispatch(updateChannels(code.channels))):setCode({dependencies:requestedPackages,channels}),setShow(value)},isEditMode:show},React.createElement(Box,null,show?React.createElement(CodeEditor,{code:stringify({channels,dependencies:requestedPackages}),onChangeEditor:onUpdateEditor}):React.createElement(React.Fragment,null,React.createElement(Box,{sx:{marginBottom:"30px"}},React.createElement(RequestedPackagesEdit,{packageList:requestedPackages,onDefaultEnvIsChanged:onUpdateDefaultEnvironment})),React.createElement(Box,{sx:{marginBottom:"30px"}},React.createElement(Dependencies,{mode:"edit",dependencies,hasMore,next:()=>dispatch(pageChanged(page+1))})),React.createElement(Box,{sx:{margiBottom:"30px"}},React.createElement(ChannelsEdit,{channelsList:channels,updateChannels:onUpdateChannels}))),React.createElement(Box,{sx:{display:"flex",justifyContent:"flex-end",alignItems:"flex-end",gap:"30px",marginTop:"45px",marginBottom:"10px"}},React.createElement(Typography,{sx:{fontSize:"13px",color:"#333",textDecoration:"underline",cursor:"pointer"},onClick:()=>onShowDialogAlert(!0)},"Delete environment"),React.createElement(StyledButtonPrimary,{sx:{padding:"5px 48px"},onClick:()=>{setEnvIsUpdated(!1),onSpecificationIsChanged(!1),dispatch(modeChanged(EnvironmentDetailsModes.READ)),dispatch(updatePackages(initialPackages.current)),dispatch(updateChannels(initialChannels.current))},isalttype:"true"},"Cancel"),React.createElement(StyledButtonPrimary,{sx:{padding:"5px 48px"},onClick:()=>{onUpdateEnvironment(show?code:{dependencies:requestedPackages,channels})},disabled:!envIsUpdated,isalttype:"true"},"Save"))))};try{SpecificationEdit_SpecificationEdit.displayName="SpecificationEdit",SpecificationEdit_SpecificationEdit.__docgenInfo={description:"",displayName:"SpecificationEdit",props:{descriptionUpdated:{defaultValue:null,description:"",name:"descriptionUpdated",required:!0,type:{name:"boolean"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!0,type:{name:"boolean"}},onSpecificationIsChanged:{defaultValue:null,description:"",name:"onSpecificationIsChanged",required:!0,type:{name:"(specificationIsChanged: boolean) => void"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!0,type:{name:"(defaultEnvVersIsChanged: boolean) => void"}},onUpdateEnvironment:{defaultValue:null,description:"",name:"onUpdateEnvironment",required:!0,type:{name:"(specification: any) => void"}},onShowDialogAlert:{defaultValue:null,description:"",name:"onShowDialogAlert",required:!0,type:{name:"(showDialog: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/Specification/SpecificationEdit.tsx#SpecificationEdit"]={docgenInfo:SpecificationEdit_SpecificationEdit.__docgenInfo,name:"SpecificationEdit",path:"src/features/environmentDetails/components/Specification/SpecificationEdit.tsx#SpecificationEdit"})}catch(__react_docgen_typescript_loader_error){}try{SpecificationEdit.displayName="SpecificationEdit",SpecificationEdit.__docgenInfo={description:"",displayName:"SpecificationEdit",props:{descriptionUpdated:{defaultValue:null,description:"",name:"descriptionUpdated",required:!0,type:{name:"boolean"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!0,type:{name:"boolean"}},onSpecificationIsChanged:{defaultValue:null,description:"",name:"onSpecificationIsChanged",required:!0,type:{name:"(specificationIsChanged: boolean) => void"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!0,type:{name:"(defaultEnvVersIsChanged: boolean) => void"}},onUpdateEnvironment:{defaultValue:null,description:"",name:"onUpdateEnvironment",required:!0,type:{name:"(specification: any) => void"}},onShowDialogAlert:{defaultValue:null,description:"",name:"onShowDialogAlert",required:!0,type:{name:"(showDialog: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/Specification/index.tsx#SpecificationEdit"]={docgenInfo:SpecificationEdit.__docgenInfo,name:"SpecificationEdit",path:"src/features/environmentDetails/components/Specification/index.tsx#SpecificationEdit"})}catch(__react_docgen_typescript_loader_error){}const EnvironmentDetailsHeader_EnvironmentDetailsHeader=({envName="",onUpdateName,showEditButton=!0})=>{const{mode}=useAppSelector((state=>state.environmentDetails)),dispatch=useAppDispatch();return React.createElement(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"15px"}},(mode===EnvironmentDetailsModes.READ||mode===EnvironmentDetailsModes.EDIT)&&React.createElement(React.Fragment,null,React.createElement(Typography,{sx:{fontSize:"16px",color:"#333",fontWeight:600}},envName),mode===EnvironmentDetailsModes.READ&&React.createElement(StyledButtonPrimary,{onClick:()=>dispatch(modeChanged(EnvironmentDetailsModes.EDIT))},"Edit")),mode===EnvironmentDetailsModes.CREATE&&React.createElement(React.Fragment,null,React.createElement(TextField,{autoFocus:!0,placeholder:"Environment name",sx:{backgroundColor:"#EBECEE",minWidth:"450px","&:hover fieldset":{borderColor:"gray"}},inputProps:{style:{padding:"8px 15px",fontSize:"15px",color:"#333"}},onChange:e=>onUpdateName(e.target.value)})))};try{EnvironmentDetailsHeader_EnvironmentDetailsHeader.displayName="EnvironmentDetailsHeader",EnvironmentDetailsHeader_EnvironmentDetailsHeader.__docgenInfo={description:"",displayName:"EnvironmentDetailsHeader",props:{envName:{defaultValue:{value:""},description:"@param envName name of the selected environment\n@param onUpdateName change environment name",name:"envName",required:!1,type:{name:"string"}},showEditButton:{defaultValue:{value:"true"},description:"",name:"showEditButton",required:!1,type:{name:"boolean"}},onUpdateName:{defaultValue:null,description:"",name:"onUpdateName",required:!0,type:{name:"(value: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/EnvironmentDetailsHeader.tsx#EnvironmentDetailsHeader"]={docgenInfo:EnvironmentDetailsHeader_EnvironmentDetailsHeader.__docgenInfo,name:"EnvironmentDetailsHeader",path:"src/features/environmentDetails/components/EnvironmentDetailsHeader.tsx#EnvironmentDetailsHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/features/tabs/index.tsx"),__webpack_require__("./src/features/artifacts/components/index.tsx");const artifactsApiSlice=api.g.injectEndpoints({endpoints:builder=>({getArtifacts:builder.query({query:buildId=>`/api/v1/build/${buildId}/`,transformResponse:response=>response.data.build_artifacts.map((artifact=>artifact.artifact_type))})})}),{useLazyGetArtifactsQuery:ArtifactsApiSlice_useLazyGetArtifactsQuery}=artifactsApiSlice;try{ArtifactItem.displayName="ArtifactItem",ArtifactItem.__docgenInfo={description:"",displayName:"ArtifactItem",props:{artifact:{defaultValue:null,description:"@param artifact type with the name and route properties",name:"artifact",required:!0,type:{name:"Artifact"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/index.tsx#ArtifactItem"]={docgenInfo:ArtifactItem.__docgenInfo,name:"ArtifactItem",path:"src/features/artifacts/index.tsx#ArtifactItem"})}catch(__react_docgen_typescript_loader_error){}try{ArtifactList.displayName="ArtifactList",ArtifactList.__docgenInfo={description:"",displayName:"ArtifactList",props:{artifacts:{defaultValue:null,description:"@param artifacts list of artifacts",name:"artifacts",required:!0,type:{name:"Artifact[] | never[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/index.tsx#ArtifactList"]={docgenInfo:ArtifactList.__docgenInfo,name:"ArtifactList",path:"src/features/artifacts/index.tsx#ArtifactList"})}catch(__react_docgen_typescript_loader_error){}try{useLazyGetArtifactsQuery.displayName="useLazyGetArtifactsQuery",useLazyGetArtifactsQuery.__docgenInfo={description:"",displayName:"useLazyGetArtifactsQuery",props:{pollingInterval:{defaultValue:null,description:"How frequently to automatically re-fetch data (in milliseconds). Defaults to `0` (off).",name:"pollingInterval",required:!1,type:{name:"number"}},refetchOnReconnect:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after regaining a network connection.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnReconnect",required:!1,type:{name:"boolean"}},refetchOnFocus:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after the application window regains focus.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnFocus",required:!1,type:{name:"boolean"}},selectFromResult:{defaultValue:null,description:'`selectFromResult` allows you to get a specific segment from a query result in a performant manner.\nWhen using this feature, the component will not rerender unless the underlying data of the selected item has changed.\nIf the selected item is one element in a larger collection, it will disregard changes to elements in the same collection.\n@example ```ts\n// codeblock-meta title="Using selectFromResult to extract a single result"\nfunction PostsList() {\n  const { data: posts } = api.useGetPostsQuery();\n\n  return (\n    <ul>\n      {posts?.data?.map((post) => (\n        <PostById key={post.id} id={post.id} />\n      ))}\n    </ul>\n  );\n}\n\nfunction PostById({ id }: { id: number }) {\n  // Will select the post with the given id, and will only rerender if the given posts data changes\n  const { post } = api.useGetPostsQuery(undefined, {\n    selectFromResult: ({ data }) => ({ post: data?.find((post) => post.id === id) }),\n  });\n\n  return <li>{post?.name}</li>;\n}\n```',name:"selectFromResult",required:!1,type:{name:'QueryStateSelector<R, QueryDefinition<number, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, string[], "api">>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/index.tsx#useLazyGetArtifactsQuery"]={docgenInfo:useLazyGetArtifactsQuery.__docgenInfo,name:"useLazyGetArtifactsQuery",path:"src/features/artifacts/index.tsx#useLazyGetArtifactsQuery"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/features/metadata/index.tsx"),__webpack_require__("./src/components/Dialog.tsx"),__webpack_require__("./src/utils/helpers/index.ts");const EnvironmentDetails_EnvironmentDetails=({scrollRef,environmentNotification})=>{const dispatch=useAppDispatch(),{mode}=useAppSelector((state=>state.environmentDetails)),{page,dependencies}=useAppSelector((state=>state.dependencies)),{selectedEnvironment}=useAppSelector((state=>state.tabs)),{currentBuild}=useAppSelector((state=>state.enviroments)),[name,setName]=useState((null==selectedEnvironment?void 0:selectedEnvironment.name)||""),[descriptionIsUpdated,setDescriptionIsUpdated]=useState(!1),[description,setDescription]=useState(selectedEnvironment?selectedEnvironment.description:void 0),[currentBuildId,setCurrentBuildId]=useState(null==selectedEnvironment?void 0:selectedEnvironment.current_build_id),[artifactType,setArtifactType]=useState([]),[showDialog,setShowDialog]=useState(!1),[defaultEnvVersIsChanged,setDefaultEnvVersIsChanged]=useState(!1),[specificationIsChanged,setSpecificationIsChanged]=useState(!1),[error,setError]=useState({message:"",visible:!1}),[triggerQuery]=useLazyGetArtifactsQuery(),[triggerBuildPackages]=useLazyGetBuildPackagesQuery(),[createOrUpdate]=useCreateOrUpdateMutation(),[updateBuildId]=useUpdateBuildIdMutation(),[deleteEnvironment]=useDeleteEnvironmentMutation();useGetEnviromentBuildsQuery(selectedEnvironment,{pollingInterval:5e3});const{isFetching}=useGetBuildQuery(currentBuildId,{skip:!currentBuildId});useGetBuildPackagesQuery({buildId:currentBuildId,page,size:100},{skip:isFetching||!currentBuildId});const updateDefaultEnvironmentVersion=isChanged=>{setDefaultEnvVersIsChanged(isChanged)};useEffect((()=>{setName((null==selectedEnvironment?void 0:selectedEnvironment.name)||""),setDescription((null==selectedEnvironment?void 0:selectedEnvironment.description)||""),setCurrentBuildId(null==selectedEnvironment?void 0:selectedEnvironment.current_build_id),setError({message:"",visible:!1}),setDescriptionIsUpdated(!1),setArtifactType([])}),[selectedEnvironment]),useEffect((()=>{currentBuild.id&&(setCurrentBuildId(currentBuild.id),setArtifactType([]))}),[currentBuild]);return useInterval((async()=>{(async()=>{(async()=>{if(artifactType.includes("DOCKER_MANIFEST"))return;const{data}=await triggerQuery(currentBuildId),apiArtifactTypes=parseArtifacts(data);setArtifactType(apiArtifactTypes)})(),(async()=>{dependencies.length||await triggerBuildPackages({buildId:currentBuildId,page,size:100})})()})()}),5e3),React.createElement(Box,{sx:{padding:"15px 12px"}},React.createElement(EnvironmentDetailsHeader,{envName:name,onUpdateName:setName,showEditButton:null==selectedEnvironment?void 0:selectedEnvironment.canUpdate}),error.visible&&React.createElement(Alert,{severity:"error",sx:{mb:"20px"}},error.message),React.createElement(Box,{sx:{marginBottom:"30px"}},React.createElement(EnvMetadata,{mode,currentBuildId:null==selectedEnvironment?void 0:selectedEnvironment.current_build_id,selectedBuildId:currentBuildId,description,specificationIsChanged,onDefaultEnvIsChanged:updateDefaultEnvironmentVersion,onUpdateDescription:description=>{setDescription(description),setDescriptionIsUpdated(!0)},onUpdateBuildId:async buildId=>{if(selectedEnvironment)try{await updateBuildId({namespace:selectedEnvironment.namespace.name,environment:selectedEnvironment.name,buildId}).unwrap(),dispatch(updateEnvironmentBuildId(buildId)),environmentNotification({data:{show:!0,description:createLabel(selectedEnvironment.name,"updateBuild")}})}catch(e){setError({message:createLabel(void 0,"error"),visible:!0})}}})),React.createElement(Box,{sx:{marginBottom:"30px"}},"read-only"===mode&&React.createElement(SpecificationReadOnly,null),"edit"===mode&&React.createElement(SpecificationEdit,{descriptionUpdated:descriptionIsUpdated,defaultEnvVersIsChanged,onSpecificationIsChanged:isChanged=>{setSpecificationIsChanged(isChanged)},onDefaultEnvIsChanged:updateDefaultEnvironmentVersion,onUpdateEnvironment:async code=>{var _a,_b,_c,_d;if(!selectedEnvironment)return;const namespace=selectedEnvironment.namespace.name,environment=selectedEnvironment.name,environmentInfo={specification:`${stringify(code)}\ndescription: ${description}\nname: ${environment}\nprefix: null`,namespace};try{const{data}=await createOrUpdate(environmentInfo).unwrap();dispatch(modeChanged(EnvironmentDetailsModes.READ)),setCurrentBuildId(data.build_id),dispatch(currentBuildIdChanged(data.build_id)),environmentNotification({data:{show:!0,description:createLabel(environment,"update")}})}catch(e){setError({message:null!==(_d=null!==(_c=null!==(_b=null===(_a=null==e?void 0:e.data)||void 0===_a?void 0:_a.message)&&void 0!==_b?_b:e.error)&&void 0!==_c?_c:e.status)&&void 0!==_d?_d:createLabel(void 0,"error"),visible:!0})}scrollRef.current.scrollTo(0,0)},onShowDialogAlert:showDialog=>setShowDialog(showDialog)})),"read-only"===mode&&React.createElement(Box,null,React.createElement(ArtifactList,{artifacts:artifactList(currentBuildId,artifactType)})),selectedEnvironment&&React.createElement(AlertDialog,{title:"Delete Environment",description:createLabel(selectedEnvironment.name,"confirm"),isOpen:showDialog,closeAction:()=>setShowDialog(!1),confirmAction:async()=>{if(selectedEnvironment){try{await deleteEnvironment({namespace:selectedEnvironment.namespace.name,environment:selectedEnvironment.name}).unwrap(),dispatch(modeChanged(EnvironmentDetailsModes.READ)),dispatch(environmentClosed({envId:selectedEnvironment.id,selectedEnvironmentId:selectedEnvironment.id})),environmentNotification({data:{show:!0,description:createLabel(selectedEnvironment.name,"delete")}})}catch(e){setError({message:createLabel(void 0,"error"),visible:!0})}scrollRef.current.scrollTo(0,0),setShowDialog(!1)}}}))};try{EnvironmentDetails_EnvironmentDetails.displayName="EnvironmentDetails",EnvironmentDetails_EnvironmentDetails.__docgenInfo={description:"",displayName:"EnvironmentDetails",props:{scrollRef:{defaultValue:null,description:"",name:"scrollRef",required:!0,type:{name:"any"}},environmentNotification:{defaultValue:null,description:"",name:"environmentNotification",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/EnvironmentDetails.tsx#EnvironmentDetails"]={docgenInfo:EnvironmentDetails_EnvironmentDetails.__docgenInfo,name:"EnvironmentDetails",path:"src/features/environmentDetails/components/EnvironmentDetails.tsx#EnvironmentDetails"})}catch(__react_docgen_typescript_loader_error){}try{SpecificationEdit.displayName="SpecificationEdit",SpecificationEdit.__docgenInfo={description:"",displayName:"SpecificationEdit",props:{descriptionUpdated:{defaultValue:null,description:"",name:"descriptionUpdated",required:!0,type:{name:"boolean"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!0,type:{name:"boolean"}},onSpecificationIsChanged:{defaultValue:null,description:"",name:"onSpecificationIsChanged",required:!0,type:{name:"(specificationIsChanged: boolean) => void"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!0,type:{name:"(defaultEnvVersIsChanged: boolean) => void"}},onUpdateEnvironment:{defaultValue:null,description:"",name:"onUpdateEnvironment",required:!0,type:{name:"(specification: any) => void"}},onShowDialogAlert:{defaultValue:null,description:"",name:"onShowDialogAlert",required:!0,type:{name:"(showDialog: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/index.tsx#SpecificationEdit"]={docgenInfo:SpecificationEdit.__docgenInfo,name:"SpecificationEdit",path:"src/features/environmentDetails/components/index.tsx#SpecificationEdit"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDetails.displayName="EnvironmentDetails",EnvironmentDetails.__docgenInfo={description:"",displayName:"EnvironmentDetails",props:{scrollRef:{defaultValue:null,description:"",name:"scrollRef",required:!0,type:{name:"any"}},environmentNotification:{defaultValue:null,description:"",name:"environmentNotification",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/index.tsx#EnvironmentDetails"]={docgenInfo:EnvironmentDetails.__docgenInfo,name:"EnvironmentDetails",path:"src/features/environmentDetails/components/index.tsx#EnvironmentDetails"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDetailsHeader.displayName="EnvironmentDetailsHeader",EnvironmentDetailsHeader.__docgenInfo={description:"",displayName:"EnvironmentDetailsHeader",props:{envName:{defaultValue:{value:""},description:"@param envName name of the selected environment\n@param onUpdateName change environment name",name:"envName",required:!1,type:{name:"string"}},showEditButton:{defaultValue:{value:"true"},description:"",name:"showEditButton",required:!1,type:{name:"boolean"}},onUpdateName:{defaultValue:null,description:"",name:"onUpdateName",required:!0,type:{name:"(value: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/index.tsx#EnvironmentDetailsHeader"]={docgenInfo:EnvironmentDetailsHeader.__docgenInfo,name:"EnvironmentDetailsHeader",path:"src/features/environmentDetails/components/index.tsx#EnvironmentDetailsHeader"})}catch(__react_docgen_typescript_loader_error){}try{modeChanged.displayName="modeChanged",modeChanged.__docgenInfo={description:"",displayName:"modeChanged",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#modeChanged"]={docgenInfo:modeChanged.__docgenInfo,name:"modeChanged",path:"src/features/environmentDetails/index.tsx#modeChanged"})}catch(__react_docgen_typescript_loader_error){}try{useCreateOrUpdateMutation.displayName="useCreateOrUpdateMutation",useCreateOrUpdateMutation.__docgenInfo={description:"",displayName:"useCreateOrUpdateMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<any, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#useCreateOrUpdateMutation"]={docgenInfo:useCreateOrUpdateMutation.__docgenInfo,name:"useCreateOrUpdateMutation",path:"src/features/environmentDetails/index.tsx#useCreateOrUpdateMutation"})}catch(__react_docgen_typescript_loader_error){}try{useUpdateBuildIdMutation.displayName="useUpdateBuildIdMutation",useUpdateBuildIdMutation.__docgenInfo={description:"",displayName:"useUpdateBuildIdMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<any, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#useUpdateBuildIdMutation"]={docgenInfo:useUpdateBuildIdMutation.__docgenInfo,name:"useUpdateBuildIdMutation",path:"src/features/environmentDetails/index.tsx#useUpdateBuildIdMutation"})}catch(__react_docgen_typescript_loader_error){}try{useDeleteEnvironmentMutation.displayName="useDeleteEnvironmentMutation",useDeleteEnvironmentMutation.__docgenInfo={description:"",displayName:"useDeleteEnvironmentMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<any, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#useDeleteEnvironmentMutation"]={docgenInfo:useDeleteEnvironmentMutation.__docgenInfo,name:"useDeleteEnvironmentMutation",path:"src/features/environmentDetails/index.tsx#useDeleteEnvironmentMutation"})}catch(__react_docgen_typescript_loader_error){}try{SpecificationEdit.displayName="SpecificationEdit",SpecificationEdit.__docgenInfo={description:"",displayName:"SpecificationEdit",props:{descriptionUpdated:{defaultValue:null,description:"",name:"descriptionUpdated",required:!0,type:{name:"boolean"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!0,type:{name:"boolean"}},onSpecificationIsChanged:{defaultValue:null,description:"",name:"onSpecificationIsChanged",required:!0,type:{name:"(specificationIsChanged: boolean) => void"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!0,type:{name:"(defaultEnvVersIsChanged: boolean) => void"}},onUpdateEnvironment:{defaultValue:null,description:"",name:"onUpdateEnvironment",required:!0,type:{name:"(specification: any) => void"}},onShowDialogAlert:{defaultValue:null,description:"",name:"onShowDialogAlert",required:!0,type:{name:"(showDialog: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#SpecificationEdit"]={docgenInfo:SpecificationEdit.__docgenInfo,name:"SpecificationEdit",path:"src/features/environmentDetails/index.tsx#SpecificationEdit"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDetails.displayName="EnvironmentDetails",EnvironmentDetails.__docgenInfo={description:"",displayName:"EnvironmentDetails",props:{scrollRef:{defaultValue:null,description:"",name:"scrollRef",required:!0,type:{name:"any"}},environmentNotification:{defaultValue:null,description:"",name:"environmentNotification",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#EnvironmentDetails"]={docgenInfo:EnvironmentDetails.__docgenInfo,name:"EnvironmentDetails",path:"src/features/environmentDetails/index.tsx#EnvironmentDetails"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDetailsHeader.displayName="EnvironmentDetailsHeader",EnvironmentDetailsHeader.__docgenInfo={description:"",displayName:"EnvironmentDetailsHeader",props:{envName:{defaultValue:{value:""},description:"@param envName name of the selected environment\n@param onUpdateName change environment name",name:"envName",required:!1,type:{name:"string"}},showEditButton:{defaultValue:{value:"true"},description:"",name:"showEditButton",required:!1,type:{name:"boolean"}},onUpdateName:{defaultValue:null,description:"",name:"onUpdateName",required:!0,type:{name:"(value: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#EnvironmentDetailsHeader"]={docgenInfo:EnvironmentDetailsHeader.__docgenInfo,name:"EnvironmentDetailsHeader",path:"src/features/environmentDetails/index.tsx#EnvironmentDetailsHeader"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/environments/stories/Environments.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>Environments_stories});var es=__webpack_require__("./node_modules/react-redux/es/index.js"),react=__webpack_require__("./node_modules/react/index.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),CircularProgress=__webpack_require__("./node_modules/@mui/material/CircularProgress/CircularProgress.js"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),index_es=__webpack_require__("./node_modules/react-infinite-scroll-component/dist/index.es.js"),components=__webpack_require__("./src/components/index.tsx"),styles=__webpack_require__("./src/styles/index.tsx");const PERMISSIONS_environmentUpdate="environment::update",PERMISSIONS_namespaceCreate="namespace::create",isNamespaceListed=(list,primaryNamespace)=>!("default"!==primaryNamespace.name&&!list.some((item=>item.name===primaryNamespace.name))),checkMyPrimaryNamespace=(list,primaryNamespace)=>list.map((item=>item.name===primaryNamespace.name?{...item,isPrimary:"default"!==primaryNamespace.name,canUpdate:!0,canCreate:!0}:item));var Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),Add=__webpack_require__("./node_modules/@mui/icons-material/Add.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),IconButton=__webpack_require__("./node_modules/@mui/material/IconButton/IconButton.js"),AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js"),List=__webpack_require__("./node_modules/@mui/material/List/List.js"),ListItem=__webpack_require__("./node_modules/@mui/material/ListItem/ListItem.js"),Circle=__webpack_require__("./node_modules/@mui/icons-material/Circle.js"),ListItemIcon=__webpack_require__("./node_modules/@mui/material/ListItemIcon/ListItemIcon.js"),helpers=__webpack_require__("./src/utils/helpers/index.ts");const Environment_Environment=({environment,onClick,selectedEnvironmentId})=>{const isSelected=selectedEnvironmentId===environment.id,circleIconStyles=(0,helpers.I7)({width:"9px",height:"9px",color:isSelected?"#333":"#5f6367"},{width:"9px",height:"9px",color:isSelected?"#33A852":"#B9D9BD"}),buttonStyles=(0,helpers.I7)({textTransform:"none",fontSize:"13px",fontWeight:isSelected?600:400,color:"#333"},{textTransform:"none",fontSize:"13px",fontWeight:isSelected?600:400,color:isSelected?"#33A852":"#333"});return react.createElement(react.Fragment,null,react.createElement(ListItemIcon.Z,{sx:{width:"5px",minWidth:"auto",marginRight:"12px"}},react.createElement(Circle.Z,{sx:circleIconStyles})),react.createElement(styles.Qh,{sx:buttonStyles,onClick},environment.name))};try{Environment_Environment.displayName="Environment",Environment_Environment.__docgenInfo={description:"",displayName:"Environment",props:{environment:{defaultValue:null,description:"@param environment environment\n@param onClick click handler\n@param selectedEnvironmentId id of the currently selected environment",name:"environment",required:!0,type:{name:"Environment"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}},selectedEnvironmentId:{defaultValue:null,description:"",name:"selectedEnvironmentId",required:!0,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/Environment.tsx#Environment"]={docgenInfo:Environment_Environment.__docgenInfo,name:"Environment",path:"src/features/environments/components/Environment.tsx#Environment"})}catch(__react_docgen_typescript_loader_error){}var environmentDetails=__webpack_require__("./src/features/environmentDetails/index.tsx"),tabs=__webpack_require__("./src/features/tabs/index.tsx"),hooks=__webpack_require__("./src/hooks.ts");const environmentAddIconGrayscaleStyles={width:"15px",height:"15px",color:"#2B2B2B"},environmentAddIconGreenAccentStyles={width:"18px",height:"18px",color:"#33A852"},EnvironmentDropdown_EnvironmentDropdown=({data:{namespace,environments,canCreate,canUpdate}})=>{const{selectedEnvironment}=(0,hooks.C)((state=>state.tabs)),[isExpanded,setIsExpanded]=(0,react.useState)(!1),dispatch=(0,hooks.T)(),addIconStyles=(0,helpers.I7)(environmentAddIconGrayscaleStyles,environmentAddIconGreenAccentStyles);return react.createElement(Accordion.Z,{sx:{border:"none",position:"initial",backgroundColor:"transparent"},elevation:0,expanded:isExpanded,disableGutters:!0,onChange:()=>setIsExpanded(!isExpanded)},react.createElement(styles.k,{sx:{flexDirection:"row-reverse",border:"none",paddingRight:0},expandIcon:react.createElement(components.e0,null)},react.createElement(Box.Z,{sx:{width:"100%",marginLeft:"15px",display:"flex",alignItems:"center",justifyContent:"space-between"}},react.createElement(Typography.Z,{sx:{fontWeight:600,fontSize:"14px",color:" #333"}},namespace),react.createElement(Tooltip.Z,{title:canCreate?`Create a new environment in the ${namespace} namespace`:`You do not have permission to create an environment in the ${namespace} namespace`},react.createElement(IconButton.Z,{onClick:e=>((event,namespace)=>{canCreate?(isExpanded&&event.stopPropagation(),dispatch((0,environmentDetails.sq)(environmentDetails.sZ.CREATE)),dispatch((0,tabs.wc)(namespace))):event.stopPropagation()})(e,namespace)},react.createElement(Add.Z,{sx:{...addIconStyles,...!canCreate&&{color:"#e5e5e5"}}}))))),react.createElement(AccordionDetails.Z,{sx:{paddingLeft:"30px",paddingTop:"5px",paddingBottom:"0px"}},react.createElement(List.Z,{sx:{padding:"0px"}},environments.map((environment=>react.createElement(ListItem.ZP,{key:environment.id,disablePadding:!0,sx:{marginBottom:"20px"}},react.createElement(Environment_Environment,{onClick:()=>{dispatch((0,tabs.n7)({environment,selectedEnvironmentId:null==selectedEnvironment?void 0:selectedEnvironment.id,canUpdate})),dispatch((0,environmentDetails.sq)(environmentDetails.sZ.READ)),dispatch((0,tabs.iF)(!1))},environment,selectedEnvironmentId:null==selectedEnvironment?void 0:selectedEnvironment.id})))))))};try{EnvironmentDropdown_EnvironmentDropdown.displayName="EnvironmentDropdown",EnvironmentDropdown_EnvironmentDropdown.__docgenInfo={description:"",displayName:"EnvironmentDropdown",props:{data:{defaultValue:null,description:"@param data object containing the namespace information and the list of environments that belong to it",name:"data",required:!0,type:{name:"INamespaceEnvironments"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/EnvironmentDropdown.tsx#EnvironmentDropdown"]={docgenInfo:EnvironmentDropdown_EnvironmentDropdown.__docgenInfo,name:"EnvironmentDropdown",path:"src/features/environments/components/EnvironmentDropdown.tsx#EnvironmentDropdown"})}catch(__react_docgen_typescript_loader_error){}const EnvironmentsList_EnvironmentsList=({environmentsList,namespacesList,hasMore,next,search})=>{const scrollRef=(0,react.useRef)(null),{primaryNamespace,sharedNamespaces}=(0,react.useMemo)((()=>{const envsGroupedByNamespace=((environmentsList,namespacesList)=>{const environments=(environmentsList=>environmentsList.reduce(((acc,curr)=>(acc[curr.namespace.name]||(acc[curr.namespace.name]=[]),acc[curr.namespace.name]=[...acc[curr.namespace.name],curr],acc)),{}))(environmentsList);return namespacesList.map((namespace=>{var _a;return{namespace:namespace.name,environments:null!==(_a=environments[namespace.name])&&void 0!==_a?_a:[],isPrimary:!!namespace.isPrimary,canCreate:namespace.canCreate,canUpdate:namespace.canUpdate}}))})(environmentsList,namespacesList),primaryNamespace=(namespaces=envsGroupedByNamespace,Object.values(namespaces).find((namespace=>{if(namespace.isPrimary)return{namespace:namespace.namespace,environments:namespace.environments}})));var namespaces;const sharedNamespaces=(namespaces=>Object.values(namespaces).filter((namespace=>{if(!namespace.isPrimary)return{namespace:namespace.namespace,environments:namespace.environments}})))(envsGroupedByNamespace);return{primaryNamespace,sharedNamespaces}}),[environmentsList,namespacesList]);return(0,react.useEffect)((()=>{var _a;null===(_a=scrollRef.current)||void 0===_a||_a.scrollTo(0,0)}),[search]),react.createElement(styles.Yy,{sx:{height:"calc(100vh - 130px)"},id:"environmentsScroll",ref:scrollRef},react.createElement(index_es.Z,{scrollableTarget:"environmentsScroll",style:{overflow:"hidden",paddingBottom:"25px"},dataLength:environmentsList.length,hasMore,next,loader:react.createElement(Box.Z,{sx:{display:"flex",justifyContent:"center",marginTop:"10px"}},react.createElement(CircularProgress.Z,null))},primaryNamespace&&react.createElement(Box.Z,{sx:{minHeight:"50px",margin:"-5px 0 5px 0px"}},react.createElement(EnvironmentDropdown_EnvironmentDropdown,{data:primaryNamespace})),react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center",margin:"0 0 5px 12px"}},react.createElement(Typography.Z,{sx:{textTransform:"uppercase",fontWeight:600,marginRight:"10px",fontSize:"13px",color:" #333"}},"Shared environments"),react.createElement(components.ED,{style:{marginLeft:"10px",scale:".8"}})),sharedNamespaces&&sharedNamespaces.map((namespace=>react.createElement(EnvironmentDropdown_EnvironmentDropdown,{key:namespace.namespace,data:namespace})))))};try{EnvironmentsList_EnvironmentsList.displayName="EnvironmentsList",EnvironmentsList_EnvironmentsList.__docgenInfo={description:"",displayName:"EnvironmentsList",props:{environmentsList:{defaultValue:null,description:"@param environmentsList environments list\n@param namespacesList namespaces list\n@param hasMore indicates whether there are more items to fetch\n@param next function that will run on the bottom of the inf scroll\n@param search current search",name:"environmentsList",required:!0,type:{name:"Environment[]"}},namespacesList:{defaultValue:null,description:"",name:"namespacesList",required:!0,type:{name:"Namespace[]"}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:null,description:"",name:"next",required:!0,type:{name:"() => void"}},search:{defaultValue:null,description:"",name:"search",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/EnvironmentsList.tsx#EnvironmentsList"]={docgenInfo:EnvironmentsList_EnvironmentsList.__docgenInfo,name:"EnvironmentsList",path:"src/features/environments/components/EnvironmentsList.tsx#EnvironmentsList"})}catch(__react_docgen_typescript_loader_error){}var lodash=__webpack_require__("./node_modules/lodash/lodash.js"),OutlinedInput=__webpack_require__("./node_modules/@mui/material/OutlinedInput/OutlinedInput.js"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),preferences=__webpack_require__("./src/preferences.tsx"),api=__webpack_require__("./src/features/api/index.ts");const authApiSlice=api.g.injectEndpoints({endpoints:builder=>({getAuth:builder.query({query:()=>"/api/v1/permission/"}),logout:builder.mutation({query:logoutUrl=>({url:logoutUrl,method:"POST"})}),login:builder.mutation({query:loginUrl=>({url:loginUrl,method:"GET"})})})}),{useLazyGetAuthQuery:authApiSlice_useLazyGetAuthQuery,useLogoutMutation:authApiSlice_useLogoutMutation,useLoginMutation:authApiSlice_useLoginMutation}=authApiSlice,AuthButton=()=>{const prefs=react.useContext(preferences.uo),authUrl=prefs.loginUrl,pageUrl=window.location.href,loginPageUrl=`${authUrl}${pageUrl}`,logoutUrl=prefs.logoutUrl,[triggerAuthQuery]=authApiSlice_useLazyGetAuthQuery(),[triggerLogout]=authApiSlice_useLogoutMutation(),[triggerLogin]=authApiSlice_useLoginMutation(),[authenticated,setAuthenticated]=(0,react.useState)(!1),handleOnClick=()=>{authenticated?(async()=>{await triggerLogout(logoutUrl),setAuthenticated(!1),window.location.href=pageUrl})():(async()=>{await triggerLogin(loginPageUrl),setAuthenticated(!0),window.location.href=loginPageUrl})()};return(0,react.useEffect)((()=>{(async()=>{(async()=>{const{data:permissions}=await triggerAuthQuery();setAuthenticated(permissions.data.authenticated)})()})()}),[]),react.createElement(styles.nX,{onClick:()=>{handleOnClick()},sx:{position:"absolute",top:14,right:18}},authenticated?"Log out":"Log in")};try{useLazyGetAuthQuery.displayName="useLazyGetAuthQuery",useLazyGetAuthQuery.__docgenInfo={description:"",displayName:"useLazyGetAuthQuery",props:{pollingInterval:{defaultValue:null,description:"How frequently to automatically re-fetch data (in milliseconds). Defaults to `0` (off).",name:"pollingInterval",required:!1,type:{name:"number"}},refetchOnReconnect:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after regaining a network connection.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnReconnect",required:!1,type:{name:"boolean"}},refetchOnFocus:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after the application window regains focus.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnFocus",required:!1,type:{name:"boolean"}},selectFromResult:{defaultValue:null,description:'`selectFromResult` allows you to get a specific segment from a query result in a performant manner.\nWhen using this feature, the component will not rerender unless the underlying data of the selected item has changed.\nIf the selected item is one element in a larger collection, it will disregard changes to elements in the same collection.\n@example ```ts\n// codeblock-meta title="Using selectFromResult to extract a single result"\nfunction PostsList() {\n  const { data: posts } = api.useGetPostsQuery();\n\n  return (\n    <ul>\n      {posts?.data?.map((post) => (\n        <PostById key={post.id} id={post.id} />\n      ))}\n    </ul>\n  );\n}\n\nfunction PostById({ id }: { id: number }) {\n  // Will select the post with the given id, and will only rerender if the given posts data changes\n  const { post } = api.useGetPostsQuery(undefined, {\n    selectFromResult: ({ data }) => ({ post: data?.find((post) => post.id === id) }),\n  });\n\n  return <li>{post?.name}</li>;\n}\n```',name:"selectFromResult",required:!1,type:{name:'QueryStateSelector<R, QueryDefinition<void, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/auth/index.tsx#useLazyGetAuthQuery"]={docgenInfo:useLazyGetAuthQuery.__docgenInfo,name:"useLazyGetAuthQuery",path:"src/features/auth/index.tsx#useLazyGetAuthQuery"})}catch(__react_docgen_typescript_loader_error){}try{useLogoutMutation.displayName="useLogoutMutation",useLogoutMutation.__docgenInfo={description:"",displayName:"useLogoutMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<string, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/auth/index.tsx#useLogoutMutation"]={docgenInfo:useLogoutMutation.__docgenInfo,name:"useLogoutMutation",path:"src/features/auth/index.tsx#useLogoutMutation"})}catch(__react_docgen_typescript_loader_error){}try{useLoginMutation.displayName="useLoginMutation",useLoginMutation.__docgenInfo={description:"",displayName:"useLoginMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<string, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/auth/index.tsx#useLoginMutation"]={docgenInfo:useLoginMutation.__docgenInfo,name:"useLoginMutation",path:"src/features/auth/index.tsx#useLoginMutation"})}catch(__react_docgen_typescript_loader_error){}const EnvironmentsSearch_EnvironmentsSearch=({onChange})=>{const prefs=react.useContext(preferences.uo),showAuthButton=prefs.showAuthButton,isCookieAuthMethod="cookie"===prefs.authMethod;let authButton;return showAuthButton&&isCookieAuthMethod&&(authButton=react.createElement(AuthButton,null)),react.createElement(Box.Z,{sx:{padding:"15px 12px",position:"relative"}},react.createElement(Typography.Z,{"data-testid":"env-search-title",sx:{marginBottom:"14px",textAlign:"left",color:" #333",fontWeight:600,fontSize:"14px",marginTop:"40px"}},"Package Manager"),authButton,react.createElement(OutlinedInput.Z,{onChange,size:"small",endAdornment:react.createElement(InputAdornment.Z,{position:"end"},react.createElement(components.IM,{style:{marginRight:"5px"}})),placeholder:"Search for environment",sx:{borderRadius:"15px",paddingRight:"10px",width:"100%","&::placeholder":{fontSize:"14px",fontWeight:400}},inputProps:{style:{padding:"7px",paddingLeft:"15px",fontSize:"14px"}}}))};try{EnvironmentsSearch_EnvironmentsSearch.displayName="EnvironmentsSearch",EnvironmentsSearch_EnvironmentsSearch.__docgenInfo={description:"",displayName:"EnvironmentsSearch",props:{onChange:{defaultValue:null,description:"@param onChange change handler that will trigger when we search for an environment",name:"onChange",required:!0,type:{name:"(e: ChangeEvent<HTMLInputElement>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/EnvironmentsSearch.tsx#EnvironmentsSearch"]={docgenInfo:EnvironmentsSearch_EnvironmentsSearch.__docgenInfo,name:"EnvironmentsSearch",path:"src/features/environments/components/EnvironmentsSearch.tsx#EnvironmentsSearch"})}catch(__react_docgen_typescript_loader_error){}const environmentsApiSlice=api.g.injectEndpoints({endpoints:builder=>({fetchEnvironments:builder.query({query:dto=>`/api/v1/environment/?page=${dto.page}&size=${dto.size}&search=${dto.search}`})})}),{useLazyFetchEnvironmentsQuery}=environmentsApiSlice,namespacesApiSlice=api.g.injectEndpoints({endpoints:builder=>({fetchNamespaces:builder.query({query:dto=>`/api/v1/namespace/?page=${dto.page}&size=${dto.size}`}),fetchPrimaryNamespace:builder.query({query:()=>"/api/v1/permission/"})})}),{useLazyFetchNamespacesQuery,useLazyFetchPrimaryNamespaceQuery}=namespacesApiSlice;var ActionTypes;!function(ActionTypes){ActionTypes.DATA_FETCHED="environments/data_fetched",ActionTypes.SEARCHED="environments/searched",ActionTypes.NEXT_FETCHED="environments/next_fetched"}(ActionTypes||(ActionTypes={}));const initialState={page:1,data:[],count:0,search:""},environmentsReducer=(state,action)=>{var _a;switch(action.type){case ActionTypes.DATA_FETCHED:{const{count,data}=action.payload;return{...state,count,data}}case ActionTypes.SEARCHED:return{...action.payload,page:1};case ActionTypes.NEXT_FETCHED:{const{data,count}=action.payload,newData=null===(_a=state.data)||void 0===_a?void 0:_a.concat(data),nextPage=state.page+1;return{...state,data:newData,count,page:nextPage}}}};var reducer_ActionTypes;!function(ActionTypes){ActionTypes.DATA_FETCHED="namespaces/data_fetched"}(reducer_ActionTypes||(reducer_ActionTypes={}));const reducer_initialState={page:1,data:[],count:0},namespacesReducer=(state,action)=>{if(action.type===reducer_ActionTypes.DATA_FETCHED){const{count,data}=action.payload;return{...state,count,data}}},Environments_Environments=(0,react.memo)((({refreshEnvironments,onUpdateRefreshEnvironments})=>{const[state,dispatch]=(0,react.useReducer)(environmentsReducer,initialState),[stateN,dispatchN]=(0,react.useReducer)(namespacesReducer,reducer_initialState),[triggerNamespacesQuery]=useLazyFetchNamespacesQuery(),[triggerPrimaryNamespace]=useLazyFetchPrimaryNamespaceQuery(),[triggerQuery]=useLazyFetchEnvironmentsQuery(),getNamespaces=async()=>{const{data:namespacesData}=await triggerNamespacesQuery({page:stateN.page,size:100});if(namespacesData){const{primaryNamespace,namespaces}=await getNamespacesData(namespacesData.data);dispatchN({type:reducer_ActionTypes.DATA_FETCHED,payload:{data:isNamespaceListed(namespaces,primaryNamespace)?checkMyPrimaryNamespace(namespaces,primaryNamespace):[...namespaces,{...primaryNamespace,isPrimary:!0}],count:namespacesData.count}}),await getEnvironments()}},getNamespacesData=async namespaces=>{try{const{data:permissions}=await triggerPrimaryNamespace(),namespacesWithPermissions=((namespaces,permissions)=>namespaces.map((namespace=>{var _a;const entity=`${namespace.name}/*`,allPermissions=permissions.data.entity_permissions["*/*"],namespacePermissions=null!==(_a=permissions.data.entity_permissions[entity])&&void 0!==_a?_a:[];return{id:namespace.id,name:namespace.name,canCreate:!!allPermissions||namespacePermissions.includes(PERMISSIONS_namespaceCreate),canUpdate:!!allPermissions||namespacePermissions.includes(PERMISSIONS_environmentUpdate)}})))(namespaces,permissions);return{namespaces:namespacesWithPermissions,primaryNamespace:{id:void 0,name:permissions.data.primary_namespace,canCreate:!0,canUpdate:!0}}}catch(e){return{namespaces:[],primaryNamespace:{id:void 0,name:"default",canCreate:!0,canUpdate:!0}}}},getEnvironments=async()=>{const{data:environmentsData}=await triggerQuery({page:state.page,size:100,search:state.search});environmentsData&&dispatch({type:ActionTypes.DATA_FETCHED,payload:{data:environmentsData.data,count:environmentsData.count}})},handleChange=(0,lodash.debounce)((async value=>{const{data}=await triggerQuery({page:1,size:100,search:value});data&&dispatch({type:ActionTypes.SEARCHED,payload:{data:data.data,count:data.count,search:value}})}),500);return(0,react.useEffect)((()=>{(async()=>{getNamespaces()})()}),[]),(0,react.useEffect)((()=>{(async()=>{refreshEnvironments&&(getNamespaces(),onUpdateRefreshEnvironments(!1))})()}),[refreshEnvironments]),react.createElement(Box.Z,{sx:{width:"100%",position:"relative",borderRight:"1px solid #E0E0E0"}},react.createElement(Box.Z,null,react.createElement(EnvironmentsSearch_EnvironmentsSearch,{onChange:e=>handleChange(e.target.value)})),react.createElement(Box.Z,{sx:{position:"relative",zIndex:"1",paddingTop:"15px"}},state.data&&react.createElement(EnvironmentsList_EnvironmentsList,{next:async()=>{const{data}=await triggerQuery({page:state.page+1,size:100,search:state.search});data&&dispatch({type:ActionTypes.NEXT_FETCHED,payload:{data:data.data,count:data.count}})},hasMore:100*state.page<state.count,environmentsList:state.data,namespacesList:stateN.data,search:state.search})),react.createElement(Box.Z,{sx:{position:"absolute",width:"100%",textAlign:"center",bottom:"20px",zIndex:"0"}},react.createElement(components.Vt,null)))}));try{Environments_Environments.displayName="Environments",Environments_Environments.__docgenInfo={description:"",displayName:"Environments",props:{refreshEnvironments:{defaultValue:null,description:"",name:"refreshEnvironments",required:!0,type:{name:"boolean"}},onUpdateRefreshEnvironments:{defaultValue:null,description:"",name:"onUpdateRefreshEnvironments",required:!0,type:{name:"(isUpdated: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/Environments.tsx#Environments"]={docgenInfo:Environments_Environments.__docgenInfo,name:"Environments",path:"src/features/environments/components/Environments.tsx#Environments"})}catch(__react_docgen_typescript_loader_error){}try{Environments.displayName="Environments",Environments.__docgenInfo={description:"",displayName:"Environments",props:{refreshEnvironments:{defaultValue:null,description:"",name:"refreshEnvironments",required:!0,type:{name:"boolean"}},onUpdateRefreshEnvironments:{defaultValue:null,description:"",name:"onUpdateRefreshEnvironments",required:!0,type:{name:"(isUpdated: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#Environments"]={docgenInfo:Environments.__docgenInfo,name:"Environments",path:"src/features/environments/components/index.tsx#Environments"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentsSearch.displayName="EnvironmentsSearch",EnvironmentsSearch.__docgenInfo={description:"",displayName:"EnvironmentsSearch",props:{onChange:{defaultValue:null,description:"@param onChange change handler that will trigger when we search for an environment",name:"onChange",required:!0,type:{name:"(e: ChangeEvent<HTMLInputElement>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#EnvironmentsSearch"]={docgenInfo:EnvironmentsSearch.__docgenInfo,name:"EnvironmentsSearch",path:"src/features/environments/components/index.tsx#EnvironmentsSearch"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDropdown.displayName="EnvironmentDropdown",EnvironmentDropdown.__docgenInfo={description:"",displayName:"EnvironmentDropdown",props:{data:{defaultValue:null,description:"@param data object containing the namespace information and the list of environments that belong to it",name:"data",required:!0,type:{name:"INamespaceEnvironments"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#EnvironmentDropdown"]={docgenInfo:EnvironmentDropdown.__docgenInfo,name:"EnvironmentDropdown",path:"src/features/environments/components/index.tsx#EnvironmentDropdown"})}catch(__react_docgen_typescript_loader_error){}try{Environment.displayName="Environment",Environment.__docgenInfo={description:"",displayName:"Environment",props:{environment:{defaultValue:null,description:"@param environment environment\n@param onClick click handler\n@param selectedEnvironmentId id of the currently selected environment",name:"environment",required:!0,type:{name:"Environment"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}},selectedEnvironmentId:{defaultValue:null,description:"",name:"selectedEnvironmentId",required:!0,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#Environment"]={docgenInfo:Environment.__docgenInfo,name:"Environment",path:"src/features/environments/components/index.tsx#Environment"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentsList.displayName="EnvironmentsList",EnvironmentsList.__docgenInfo={description:"",displayName:"EnvironmentsList",props:{environmentsList:{defaultValue:null,description:"@param environmentsList environments list\n@param namespacesList namespaces list\n@param hasMore indicates whether there are more items to fetch\n@param next function that will run on the bottom of the inf scroll\n@param search current search",name:"environmentsList",required:!0,type:{name:"Environment[]"}},namespacesList:{defaultValue:null,description:"",name:"namespacesList",required:!0,type:{name:"Namespace[]"}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:null,description:"",name:"next",required:!0,type:{name:"() => void"}},search:{defaultValue:null,description:"",name:"search",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#EnvironmentsList"]={docgenInfo:EnvironmentsList.__docgenInfo,name:"EnvironmentsList",path:"src/features/environments/components/index.tsx#EnvironmentsList"})}catch(__react_docgen_typescript_loader_error){}var store=__webpack_require__("./src/store/index.ts");const Environments_stories={component:Environments_Environments},Primary=(()=>react.createElement(es.zt,{store:store.h},react.createElement(Environments_Environments,{refreshEnvironments:!1,onUpdateRefreshEnvironments:()=>{}}))).bind({})},"./src/features/metadata/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{jM:()=>enviromentsSlice});var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js");const environmentsApiSlice=__webpack_require__("./src/features/api/index.ts").g.injectEndpoints({endpoints:builder=>({getEnviroments:builder.query({query:()=>"/api/v1/build/"}),getEnviromentBuild:builder.query({query:environmentId=>`/api/v1/build/${environmentId}/`}),getEnviroment:builder.query({query:env=>`/api/v1/environment/${env.namespace.name}/${env.name}/`}),getEnviromentBuilds:builder.query({query:env=>`/api/v1/build/?namespace=${env.namespace.name}&name=${env.name}&order=desc&sort_by=scheduled_on`,keepUnusedDataFor:0})})}),{useGetEnviromentsQuery,useGetEnviromentQuery,useGetEnviromentBuildsQuery,useGetEnviromentBuildQuery,useLazyGetEnviromentBuildQuery:metadataApiSlice_useLazyGetEnviromentBuildQuery}=environmentsApiSlice,initialState={enviroments:[],builds:[],page:1,count:0,size:0,currentBuild:{id:void 0},newCurrentBuild:void 0},enviromentsSlice=(0,redux_toolkit_esm.oM)({name:"environments",initialState,reducers:{currentBuildIdChanged:(state,action)=>{const newBuildId=action.payload;state.currentBuild.id=newBuildId;const build=state.builds.find((build=>build.id===newBuildId));state.newCurrentBuild=build&&"COMPLETED"===build.status?build.id:void 0},updateBuilds:(state,action)=>{state.builds=action.payload}},extraReducers:builder=>{builder.addMatcher(environmentsApiSlice.endpoints.getEnviroments.matchFulfilled,((state,{payload:{data}})=>{state.enviroments.push(...data)})),builder.addMatcher(environmentsApiSlice.endpoints.getEnviromentBuilds.matchFulfilled,((state,{payload:{data}})=>{state.builds=data}))}}),{currentBuildIdChanged:metadataSlice_currentBuildIdChanged,updateBuilds:metadataSlice_updateBuilds}=enviromentsSlice.actions;var EnvMetadata_EnvironmentDetailsModes;__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/hooks.ts"),__webpack_require__("./src/components/index.tsx"),__webpack_require__("./src/styles/index.tsx");!function(EnvironmentDetailsModes){EnvironmentDetailsModes.CREATE="create",EnvironmentDetailsModes.READ="read-only",EnvironmentDetailsModes.EDIT="edit"}(EnvMetadata_EnvironmentDetailsModes||(EnvMetadata_EnvironmentDetailsModes={}));const EnvMetadata_EnvMetadata=({mode,description="",currentBuildId,selectedBuildId,specificationIsChanged,onDefaultEnvIsChanged,onUpdateDescription,onUpdateBuildId})=>{const{builds,newCurrentBuild}=useAppSelector((state=>state.enviroments));return React.createElement(BlockContainer,{title:"Environment Metadata"},React.createElement(Description,{mode,description:description||void 0,onChangeDescription:onUpdateDescription}),React.createElement("div",{style:{display:"flex",alignItems:"center",gap:"15px"}},mode!==EnvMetadata_EnvironmentDetailsModes.CREATE&&currentBuildId&&selectedBuildId&&React.createElement("div",null,React.createElement(EnvBuilds,{currentBuildId,selectedBuildId,builds,mode})),mode===EnvMetadata_EnvironmentDetailsModes.EDIT&&newCurrentBuild&&currentBuildId!==newCurrentBuild&&React.createElement(StyledButtonPrimary,{variant:"contained",onClick:()=>(newCurrentBuild=>{onUpdateBuildId(newCurrentBuild),onDefaultEnvIsChanged&&onDefaultEnvIsChanged(!0)})(newCurrentBuild),isalttype:"true",disabled:specificationIsChanged||!1},"Change environment version")))};try{EnvMetadata_EnvMetadata.displayName="EnvMetadata",EnvMetadata_EnvMetadata.__docgenInfo={description:"",displayName:"EnvMetadata",props:{description:{defaultValue:{value:""},description:"@param mode change whether the component only displays the list of builds, edit the environment description or create a new description\n@param onUpdateDescription change environment description",name:"description",required:!1,type:{name:"any"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!1,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!1,type:{name:"number"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!1,type:{name:"boolean"}},specificationIsChanged:{defaultValue:null,description:"",name:"specificationIsChanged",required:!1,type:{name:"boolean"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((defaultEnvVersIsChanged: boolean) => void)"}},onUpdateDescription:{defaultValue:null,description:"",name:"onUpdateDescription",required:!0,type:{name:"(description: string) => void"}},onUpdateBuildId:{defaultValue:null,description:"",name:"onUpdateBuildId",required:!0,type:{name:"(buildId: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/EnvMetadata.tsx#EnvMetadata"]={docgenInfo:EnvMetadata_EnvMetadata.__docgenInfo,name:"EnvMetadata",path:"src/features/metadata/components/EnvMetadata.tsx#EnvMetadata"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/utils/helpers/index.ts");const BuildDropdown_Build=({builds,selectedBuildId})=>{const dispatch=useAppDispatch(),{palette}=useTheme(),[open,setOpen]=useState(!1),selectStyles=getStylesForStyleType({borderRadius:"0px",marginBottom:"10px"},{borderRadius:"0px",marginBottom:"10px",backgroundColor:open?"#A8DAB5":"initial"}),paperProps=getStylesForStyleType({},{backgroundColor:"#A8DAB5",padding:"0px",boxShadow:"none",borderRadius:"0px",border:"1px solid #BCBFC4"});return React.createElement(Select,{open,onClose:()=>setOpen(!1),onOpen:()=>setOpen(!0),sx:selectStyles,MenuProps:{PaperProps:{style:paperProps},MenuListProps:{style:{padding:"0px"}}},value:selectedBuildId,onChange:e=>{const newCurrentBuild=builds.find((build=>build.id===Number(e.target.value)));newCurrentBuild&&dispatch(currentBuildIdChanged(newCurrentBuild.id))},IconComponent:()=>React.createElement(IconButton,{sx:{padding:"0px"},onClick:()=>setOpen((currState=>!currState))},React.createElement(ArrowDropDownIcon,{sx:{height:"37px",borderLeft:`1px solid  ${palette.primary.main}`}})),inputProps:{"data-testid":"test-select",sx:{padding:"7px 9px !important",fontSize:"13px",background:"#FFF"}}},React.createElement(MenuItem,{key:"empty",value:"",sx:{display:"none"}}," "),builds?builds.map((build=>React.createElement(MenuItem,{key:build.id,value:build.id},build.name))):null)};try{BuildDropdown_Build.displayName="Build",BuildDropdown_Build.__docgenInfo={description:"",displayName:"Build",props:{builds:{defaultValue:null,description:"@param builds list of builds\n@param currentBuildId id of the current build\n@param onChangeStatus update the build status",name:"builds",required:!0,type:{name:"{ id: number; name: string; status: string; }[]"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/BuildDropdown.tsx#Build"]={docgenInfo:BuildDropdown_Build.__docgenInfo,name:"Build",path:"src/features/metadata/components/BuildDropdown.tsx#Build"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/styles/StyledMetadataItem.tsx"),__webpack_require__("./src/features/environmentDetails/index.tsx");const Description_Description=({mode,description,onChangeDescription})=>React.createElement(Box,null,mode===EnvironmentDetailsModes.READ&&description&&React.createElement(StyledMetadataItem,null,description),mode!==EnvironmentDetailsModes.READ&&React.createElement(React.Fragment,null,React.createElement(StyledMetadataItem,{sx:{fontWeight:500}},"Description:"),React.createElement(Box,null,React.createElement(TextField,{multiline:!0,value:description,placeholder:"Enter here the description of your environment",sx:{backgroundColor:"#F1F1F1",width:"100%",marginBottom:"10px"},inputProps:{style:{fontSize:"13px"}},onChange:e=>onChangeDescription(e.target.value)}))));try{Description_Description.displayName="Description",Description_Description.__docgenInfo={description:"",displayName:"Description",props:{mode:{defaultValue:null,description:"@param mode change whether the component only displays the list or we are able to edit it",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},onChangeDescription:{defaultValue:null,description:"",name:"onChangeDescription",required:!0,type:{name:"(description: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/Description.tsx#Description"]={docgenInfo:Description_Description.__docgenInfo,name:"Description",path:"src/features/metadata/components/Description.tsx#Description"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/utils/helpers/buildMapper.ts");const EnvBuilds_EnvBuilds=({currentBuildId,selectedBuildId,builds,mode})=>{const envBuilds=builds.length?buildMapper(builds,currentBuildId):[],currentBuild=envBuilds.find((build=>build.id===selectedBuildId));return React.createElement(React.Fragment,null,React.createElement(StyledMetadataItem,{sx:{fontWeight:500,paddingBottom:"5px"}},"edit"===mode?"Change active environment version:":"Builds:"),currentBuild&&React.createElement(React.Fragment,null,React.createElement(Build,{builds:envBuilds,selectedBuildId}),React.createElement(StyledMetadataItem,{sx:{marginTop:"0",fontSize:"13px",fontWeight:500,paddingBottom:"0"}},"Status: ","",React.createElement(Typography,{component:"span",sx:{fontSize:"13px"}},currentBuild.status,("Building"===currentBuild.status||"Queued"===currentBuild.status)&&React.createElement(CircularProgress,{size:10,sx:{marginLeft:"8px"}})))),!currentBuild&&React.createElement(CircularProgress,{size:20,sx:{marginLeft:"15px",marginTop:"6px",marginBottom:"7px"}}))};try{EnvBuilds_EnvBuilds.displayName="EnvBuilds",EnvBuilds_EnvBuilds.__docgenInfo={description:"",displayName:"EnvBuilds",props:{currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!0,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}},builds:{defaultValue:null,description:"",name:"builds",required:!0,type:{name:"Build[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/EnvBuilds.tsx#EnvBuilds"]={docgenInfo:EnvBuilds_EnvBuilds.__docgenInfo,name:"EnvBuilds",path:"src/features/metadata/components/EnvBuilds.tsx#EnvBuilds"})}catch(__react_docgen_typescript_loader_error){}try{EnvMetadata.displayName="EnvMetadata",EnvMetadata.__docgenInfo={description:"",displayName:"EnvMetadata",props:{description:{defaultValue:{value:""},description:"@param mode change whether the component only displays the list of builds, edit the environment description or create a new description\n@param onUpdateDescription change environment description",name:"description",required:!1,type:{name:"any"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!1,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!1,type:{name:"number"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!1,type:{name:"boolean"}},specificationIsChanged:{defaultValue:null,description:"",name:"specificationIsChanged",required:!1,type:{name:"boolean"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((defaultEnvVersIsChanged: boolean) => void)"}},onUpdateDescription:{defaultValue:null,description:"",name:"onUpdateDescription",required:!0,type:{name:"(description: string) => void"}},onUpdateBuildId:{defaultValue:null,description:"",name:"onUpdateBuildId",required:!0,type:{name:"(buildId: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/index.tsx#EnvMetadata"]={docgenInfo:EnvMetadata.__docgenInfo,name:"EnvMetadata",path:"src/features/metadata/components/index.tsx#EnvMetadata"})}catch(__react_docgen_typescript_loader_error){}try{Build.displayName="Build",Build.__docgenInfo={description:"",displayName:"Build",props:{builds:{defaultValue:null,description:"@param builds list of builds\n@param currentBuildId id of the current build\n@param onChangeStatus update the build status",name:"builds",required:!0,type:{name:"{ id: number; name: string; status: string; }[]"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/index.tsx#Build"]={docgenInfo:Build.__docgenInfo,name:"Build",path:"src/features/metadata/components/index.tsx#Build"})}catch(__react_docgen_typescript_loader_error){}try{Description.displayName="Description",Description.__docgenInfo={description:"",displayName:"Description",props:{mode:{defaultValue:null,description:"@param mode change whether the component only displays the list or we are able to edit it",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},onChangeDescription:{defaultValue:null,description:"",name:"onChangeDescription",required:!0,type:{name:"(description: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/index.tsx#Description"]={docgenInfo:Description.__docgenInfo,name:"Description",path:"src/features/metadata/components/index.tsx#Description"})}catch(__react_docgen_typescript_loader_error){}try{EnvBuilds.displayName="EnvBuilds",EnvBuilds.__docgenInfo={description:"",displayName:"EnvBuilds",props:{currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!0,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}},builds:{defaultValue:null,description:"",name:"builds",required:!0,type:{name:"Build[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/index.tsx#EnvBuilds"]={docgenInfo:EnvBuilds.__docgenInfo,name:"EnvBuilds",path:"src/features/metadata/components/index.tsx#EnvBuilds"})}catch(__react_docgen_typescript_loader_error){}try{currentBuildIdChanged.displayName="currentBuildIdChanged",currentBuildIdChanged.__docgenInfo={description:"",displayName:"currentBuildIdChanged",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#currentBuildIdChanged"]={docgenInfo:currentBuildIdChanged.__docgenInfo,name:"currentBuildIdChanged",path:"src/features/metadata/index.tsx#currentBuildIdChanged"})}catch(__react_docgen_typescript_loader_error){}try{updateBuilds.displayName="updateBuilds",updateBuilds.__docgenInfo={description:"",displayName:"updateBuilds",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#updateBuilds"]={docgenInfo:updateBuilds.__docgenInfo,name:"updateBuilds",path:"src/features/metadata/index.tsx#updateBuilds"})}catch(__react_docgen_typescript_loader_error){}try{useLazyGetEnviromentBuildQuery.displayName="useLazyGetEnviromentBuildQuery",useLazyGetEnviromentBuildQuery.__docgenInfo={description:"",displayName:"useLazyGetEnviromentBuildQuery",props:{pollingInterval:{defaultValue:null,description:"How frequently to automatically re-fetch data (in milliseconds). Defaults to `0` (off).",name:"pollingInterval",required:!1,type:{name:"number"}},refetchOnReconnect:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after regaining a network connection.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnReconnect",required:!1,type:{name:"boolean"}},refetchOnFocus:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after the application window regains focus.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnFocus",required:!1,type:{name:"boolean"}},selectFromResult:{defaultValue:null,description:'`selectFromResult` allows you to get a specific segment from a query result in a performant manner.\nWhen using this feature, the component will not rerender unless the underlying data of the selected item has changed.\nIf the selected item is one element in a larger collection, it will disregard changes to elements in the same collection.\n@example ```ts\n// codeblock-meta title="Using selectFromResult to extract a single result"\nfunction PostsList() {\n  const { data: posts } = api.useGetPostsQuery();\n\n  return (\n    <ul>\n      {posts?.data?.map((post) => (\n        <PostById key={post.id} id={post.id} />\n      ))}\n    </ul>\n  );\n}\n\nfunction PostById({ id }: { id: number }) {\n  // Will select the post with the given id, and will only rerender if the given posts data changes\n  const { post } = api.useGetPostsQuery(undefined, {\n    selectFromResult: ({ data }) => ({ post: data?.find((post) => post.id === id) }),\n  });\n\n  return <li>{post?.name}</li>;\n}\n```',name:"selectFromResult",required:!1,type:{name:'QueryStateSelector<R, QueryDefinition<number, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, IApiResponse<Build>, "api">>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#useLazyGetEnviromentBuildQuery"]={docgenInfo:useLazyGetEnviromentBuildQuery.__docgenInfo,name:"useLazyGetEnviromentBuildQuery",path:"src/features/metadata/index.tsx#useLazyGetEnviromentBuildQuery"})}catch(__react_docgen_typescript_loader_error){}try{EnvMetadata.displayName="EnvMetadata",EnvMetadata.__docgenInfo={description:"",displayName:"EnvMetadata",props:{description:{defaultValue:{value:""},description:"@param mode change whether the component only displays the list of builds, edit the environment description or create a new description\n@param onUpdateDescription change environment description",name:"description",required:!1,type:{name:"any"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!1,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!1,type:{name:"number"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!1,type:{name:"boolean"}},specificationIsChanged:{defaultValue:null,description:"",name:"specificationIsChanged",required:!1,type:{name:"boolean"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((defaultEnvVersIsChanged: boolean) => void)"}},onUpdateDescription:{defaultValue:null,description:"",name:"onUpdateDescription",required:!0,type:{name:"(description: string) => void"}},onUpdateBuildId:{defaultValue:null,description:"",name:"onUpdateBuildId",required:!0,type:{name:"(buildId: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#EnvMetadata"]={docgenInfo:EnvMetadata.__docgenInfo,name:"EnvMetadata",path:"src/features/metadata/index.tsx#EnvMetadata"})}catch(__react_docgen_typescript_loader_error){}try{Build.displayName="Build",Build.__docgenInfo={description:"",displayName:"Build",props:{builds:{defaultValue:null,description:"@param builds list of builds\n@param currentBuildId id of the current build\n@param onChangeStatus update the build status",name:"builds",required:!0,type:{name:"{ id: number; name: string; status: string; }[]"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#Build"]={docgenInfo:Build.__docgenInfo,name:"Build",path:"src/features/metadata/index.tsx#Build"})}catch(__react_docgen_typescript_loader_error){}try{Description.displayName="Description",Description.__docgenInfo={description:"",displayName:"Description",props:{mode:{defaultValue:null,description:"@param mode change whether the component only displays the list or we are able to edit it",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},onChangeDescription:{defaultValue:null,description:"",name:"onChangeDescription",required:!0,type:{name:"(description: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#Description"]={docgenInfo:Description.__docgenInfo,name:"Description",path:"src/features/metadata/index.tsx#Description"})}catch(__react_docgen_typescript_loader_error){}try{EnvBuilds.displayName="EnvBuilds",EnvBuilds.__docgenInfo={description:"",displayName:"EnvBuilds",props:{currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!0,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}},builds:{defaultValue:null,description:"",name:"builds",required:!0,type:{name:"Build[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#EnvBuilds"]={docgenInfo:EnvBuilds.__docgenInfo,name:"EnvBuilds",path:"src/features/metadata/index.tsx#EnvBuilds"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/requestedPackages/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{YX:()=>RequestedPackage_RequestedPackage,rM:()=>RequestedPackageList_RequestedPackageList,bM:()=>RequestedPackagesEdit_RequestedPackagesEdit});var Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),react=__webpack_require__("./node_modules/react/index.js"),components=__webpack_require__("./src/components/index.tsx"),styles=__webpack_require__("./src/styles/index.tsx");const RequestedPackageList_RequestedPackageList=({packageList})=>{const filteredPackageList=(0,react.useMemo)((()=>packageList.filter((item=>"object"!=typeof item))),[packageList]),listLength=filteredPackageList.length;return react.createElement(Accordion.Z,{sx:{maxWidth:420,boxShadow:"none"},disableGutters:!0,defaultExpanded:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Requested Packages")),react.createElement(styles.Ug,{sx:{padding:"11px 21px"}},filteredPackageList.map(((item,index)=>react.createElement(Box.Z,{key:`${item}`,sx:{marginBottom:index===listLength-1?"0px":"15px"}},react.createElement(RequestedPackage_RequestedPackage,{requestedPackage:`${item}`}))))))};try{RequestedPackageList_RequestedPackageList.displayName="RequestedPackageList",RequestedPackageList_RequestedPackageList.__docgenInfo={description:"",displayName:"RequestedPackageList",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/RequestedPackageList.tsx#RequestedPackageList"]={docgenInfo:RequestedPackageList_RequestedPackageList.__docgenInfo,name:"RequestedPackageList",path:"src/features/requestedPackages/components/RequestedPackageList.tsx#RequestedPackageList"})}catch(__react_docgen_typescript_loader_error){}var Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),helpers=__webpack_require__("./src/utils/helpers/index.ts");const RequestedPackage_RequestedPackage=({requestedPackage})=>{const{constraint,name,version}=(0,helpers.v2)(requestedPackage);return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Typography.Z,{sx:{width:190,fontSize:"13px",color:"#333"}},name)),react.createElement(Typography.Z,{sx:{fontSize:"13px",color:"#333"}},(()=>{if("latest"===constraint)return"";return`${"=="===constraint?"=":constraint}${version}`})()))};try{RequestedPackage_RequestedPackage.displayName="RequestedPackage",RequestedPackage_RequestedPackage.__docgenInfo={description:"",displayName:"RequestedPackage",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/RequestedPackage.tsx#RequestedPackage"]={docgenInfo:RequestedPackage_RequestedPackage.__docgenInfo,name:"RequestedPackage",path:"src/features/requestedPackages/components/RequestedPackage.tsx#RequestedPackage"})}catch(__react_docgen_typescript_loader_error){}var AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js"),Table=__webpack_require__("./node_modules/@mui/material/Table/Table.js"),TableBody=__webpack_require__("./node_modules/@mui/material/TableBody/TableBody.js"),TableHead=__webpack_require__("./node_modules/@mui/material/TableHead/TableHead.js"),TableRow=__webpack_require__("./node_modules/@mui/material/TableRow/TableRow.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),hooks=__webpack_require__("./src/hooks.ts"),requestedPackagesSlice=__webpack_require__("./src/features/requestedPackages/requestedPackagesSlice.ts");const RequestedPackagesTableRow_RequestedPackagesTableRow=(0,react.memo)((({requestedPackage,onDefaultEnvIsChanged})=>{var _a;const dispatch=(0,hooks.T)(),{versionsWithoutConstraints,versionsWithConstraints}=(0,hooks.C)((state=>state.requestedPackages)),result=(0,helpers.v2)(requestedPackage);let{version}=result;const{constraint,name}=result;"latest"===constraint&&(version=versionsWithoutConstraints[name]);const onUpdateDefaultEnvironment=isChanged=>{onDefaultEnvIsChanged&&onDefaultEnvIsChanged(isChanged)};return react.createElement(TableRow.Z,null,react.createElement(styles.mn,{align:"left"},react.createElement(Typography.Z,{sx:{fontSize:"13px",fontWeight:400,color:"#000"}},name)),react.createElement(styles.mn,{align:"left"},react.createElement(Typography.Z,{sx:{fontSize:"13px",fontWeight:400,color:"#676666"}},null!==(_a=versionsWithConstraints[name])&&void 0!==_a?_a:versionsWithoutConstraints[name])),react.createElement(styles.mn,{align:"left"},react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(components.wU,{onUpdate:value=>{const updatedPackage=`${name}${value}${version||""}`;dispatch((0,requestedPackagesSlice.P4)({currentPackage:requestedPackage,updatedPackage})),onUpdateDefaultEnvironment(!1)},constraint:"latest"===constraint?"":constraint}),react.createElement(components.Np,{onUpdate:value=>{let pkgConstraint="latest"===constraint?">=":constraint;""===value&&(pkgConstraint="");const updatedPackage=`${name}${pkgConstraint}${value}`;dispatch((0,requestedPackagesSlice.P4)({currentPackage:requestedPackage,updatedPackage})),onUpdateDefaultEnvironment(!1)},version:"latest"===constraint?"":version,name}),react.createElement(styles.Qh,{onClick:()=>{dispatch((0,requestedPackagesSlice.Aq)(requestedPackage)),onUpdateDefaultEnvironment(!1)},sx:{marginLeft:"24px"},"data-testid":"RemovePackageTest"},react.createElement(components.zF,null)))))}));try{RequestedPackagesTableRow_RequestedPackagesTableRow.displayName="RequestedPackagesTableRow",RequestedPackagesTableRow_RequestedPackagesTableRow.__docgenInfo={description:"",displayName:"RequestedPackagesTableRow",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/RequestedPackagesTableRow.tsx#RequestedPackagesTableRow"]={docgenInfo:RequestedPackagesTableRow_RequestedPackagesTableRow.__docgenInfo,name:"RequestedPackagesTableRow",path:"src/features/requestedPackages/components/RequestedPackagesTableRow.tsx#RequestedPackagesTableRow"})}catch(__react_docgen_typescript_loader_error){}var Autocomplete=__webpack_require__("./node_modules/@mui/material/Autocomplete/Autocomplete.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js");const requestedPackagesApiSlice=__webpack_require__("./src/features/api/index.ts").g.injectEndpoints({endpoints:builder=>({getPackageSuggestions:builder.query({query:dto=>`api/v1/package/?search=${dto.search}&page=${dto.page}&size=${dto.size}&distinct_on=name`})})}),{useLazyGetPackageSuggestionsQuery}=requestedPackagesApiSlice;var lodash=__webpack_require__("./node_modules/lodash/lodash.js"),match_sorter_esm=__webpack_require__("./node_modules/match-sorter/dist/match-sorter.esm.js"),CircularProgress=__webpack_require__("./node_modules/@mui/material/CircularProgress/CircularProgress.js"),reducer=__webpack_require__("./src/features/requestedPackages/reducer.ts");const AddRequestedPackage_AddRequestedPackage=({onCancel,onSubmit,isCreating})=>{const[state,dispatch]=(0,react.useReducer)(reducer.Vo,reducer.E3),[triggerQuery]=useLazyGetPackageSuggestionsQuery(),uniquePackageNamesList=(0,react.useMemo)((()=>{const packageNames=new Set,result=[];return state.data.forEach((buildPackage=>{const packageName=buildPackage.name;packageNames.has(packageName)||(result.push(packageName),packageNames.add(packageName))})),(0,match_sorter_esm.Lu)(result,state.name)}),[state.data]),handleSearch=(0,lodash.debounce)((async value=>{if(value.length<2)return;dispatch({type:reducer.MF.LOADING,payload:{loading:!0}});const{data}=await triggerQuery({page:state.page,size:100,search:value});data&&dispatch({type:reducer.MF.SEARCHED,payload:{data:data.data,count:data.count,name:value}}),dispatch({type:reducer.MF.LOADING,payload:{loading:!1}})}),200);return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"15px",width:isCreating?330:"100%"}},react.createElement(Box.Z,null,react.createElement(Autocomplete.Z,{freeSolo:!0,selectOnFocus:!0,sx:{width:"140px"},options:uniquePackageNamesList,onChange:(event,value)=>(value=>{value&&(onSubmit(value),onCancel(!1))})(value),ListboxProps:{onScroll:async event=>{const listboxNode=event.currentTarget;if(listboxNode.scrollTop+listboxNode.clientHeight+2>=listboxNode.scrollHeight){if(!(100*state.page<=state.count))return;dispatch({type:reducer.MF.LOADING,payload:{loading:!0}});const{data}=await triggerQuery({page:state.page+1,size:100,search:state.name});data&&dispatch({type:reducer.MF.NEXT_FETCHED,payload:{data:data.data,count:data.count}}),dispatch({type:reducer.MF.LOADING,payload:{loading:!1}})}}},onInputChange:(event,value,reason)=>{"clear"!==reason?handleSearch(value):dispatch({type:reducer.MF.CLEARED})},renderInput:params=>react.createElement(TextField.Z,{label:"Enter package",autoFocus:!0,...params,size:"small",InputProps:{...params.InputProps,endAdornment:react.createElement(react.Fragment,null,state.loading?react.createElement(CircularProgress.Z,{color:"inherit",size:10,sx:{marginRight:"7px"}}):params.InputProps.endAdornment)}})})),react.createElement(Box.Z,{sx:{marginRight:"16px"}},react.createElement(styles.Qh,{onClick:()=>onCancel(!1),"data-testid":"cancelIcon"},react.createElement(components.zF,null))))};try{AddRequestedPackage_AddRequestedPackage.displayName="AddRequestedPackage",AddRequestedPackage_AddRequestedPackage.__docgenInfo={description:"",displayName:"AddRequestedPackage",props:{onCancel:{defaultValue:null,description:"@param onCancel handler that will run when delete icon is clicked\n@param onSubmit handler that will run when input losses focus\n@param isCreating notify the component if it's being used for creating or editing environment",name:"onCancel",required:!0,type:{name:"Dispatch<SetStateAction<boolean>>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!0,type:{name:"(packageName: string) => void"}},isCreating:{defaultValue:null,description:"",name:"isCreating",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/AddRequestedPackage.tsx#AddRequestedPackage"]={docgenInfo:AddRequestedPackage_AddRequestedPackage.__docgenInfo,name:"AddRequestedPackage",path:"src/features/requestedPackages/components/AddRequestedPackage.tsx#AddRequestedPackage"})}catch(__react_docgen_typescript_loader_error){}const RequestedPackagesEdit_RequestedPackagesEdit=({packageList,onDefaultEnvIsChanged})=>{const dispatch=(0,hooks.T)(),[isAdding,setIsAdding]=(0,react.useState)(!1),{palette}=(0,useTheme.Z)(),onUpdateDefaultEnvironment=isChanged=>{onDefaultEnvIsChanged&&onDefaultEnvIsChanged(isChanged)},filteredPackageList=(0,react.useMemo)((()=>packageList.filter((item=>"object"!=typeof item))),[packageList]);return react.createElement(Accordion.Z,{sx:{maxWidth:500,boxShadow:"none"},defaultExpanded:!0,disableGutters:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Requested Packages")),react.createElement(styles.Ug,{sx:{padding:"20px 15px",borderRadius:"0px"}},react.createElement(Table.Z,{"aria-label":"requested packages"},react.createElement(TableHead.Z,{sx:{border:"none"}},react.createElement(TableRow.Z,null,react.createElement(styles.YL,{align:"left",sx:{width:"120px"}},react.createElement(Typography.Z,{component:"p",sx:{fontSize:"13px",fontWeight:500}},"Name")),react.createElement(styles.YL,{align:"left",sx:{width:"180px"}},react.createElement(Typography.Z,{component:"p",sx:{fontSize:"13px",fontWeight:500}},"Installed Version")),react.createElement(styles.YL,{align:"left"},react.createElement(Typography.Z,{component:"p",sx:{fontSize:"13px",fontWeight:500}},"Version Constraint")))),react.createElement(TableBody.Z,null,filteredPackageList.map((requestedPackage=>react.createElement(RequestedPackagesTableRow_RequestedPackagesTableRow,{key:requestedPackage,requestedPackage,onDefaultEnvIsChanged:onUpdateDefaultEnvironment}))))),react.createElement(Box.Z,null,isAdding&&react.createElement(AddRequestedPackage_AddRequestedPackage,{onSubmit:packageName=>{dispatch((0,requestedPackagesSlice.zJ)(packageName)),onDefaultEnvIsChanged&&onUpdateDefaultEnvironment(!1)},onCancel:setIsAdding,isCreating:!1}))),react.createElement(AccordionDetails.Z,{sx:{border:`1px solid ${palette.primary.main}`,borderTop:"0px",borderRadius:"0px",padding:"15px 21px",display:"flex",justifyContent:"center"}},react.createElement(styles.nX,{variant:"contained",isalttype:"true",onClick:()=>setIsAdding(!0)},"+ Add Package")))};try{RequestedPackagesEdit_RequestedPackagesEdit.displayName="RequestedPackagesEdit",RequestedPackagesEdit_RequestedPackagesEdit.__docgenInfo={description:"",displayName:"RequestedPackagesEdit",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/RequestedPackagesEdit.tsx#RequestedPackagesEdit"]={docgenInfo:RequestedPackagesEdit_RequestedPackagesEdit.__docgenInfo,name:"RequestedPackagesEdit",path:"src/features/requestedPackages/components/RequestedPackagesEdit.tsx#RequestedPackagesEdit"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackageList.displayName="RequestedPackageList",RequestedPackageList.__docgenInfo={description:"",displayName:"RequestedPackageList",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#RequestedPackageList"]={docgenInfo:RequestedPackageList.__docgenInfo,name:"RequestedPackageList",path:"src/features/requestedPackages/components/index.tsx#RequestedPackageList"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackage.displayName="RequestedPackage",RequestedPackage.__docgenInfo={description:"",displayName:"RequestedPackage",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#RequestedPackage"]={docgenInfo:RequestedPackage.__docgenInfo,name:"RequestedPackage",path:"src/features/requestedPackages/components/index.tsx#RequestedPackage"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackagesEdit.displayName="RequestedPackagesEdit",RequestedPackagesEdit.__docgenInfo={description:"",displayName:"RequestedPackagesEdit",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#RequestedPackagesEdit"]={docgenInfo:RequestedPackagesEdit.__docgenInfo,name:"RequestedPackagesEdit",path:"src/features/requestedPackages/components/index.tsx#RequestedPackagesEdit"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackagesTableRow.displayName="RequestedPackagesTableRow",RequestedPackagesTableRow.__docgenInfo={description:"",displayName:"RequestedPackagesTableRow",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#RequestedPackagesTableRow"]={docgenInfo:RequestedPackagesTableRow.__docgenInfo,name:"RequestedPackagesTableRow",path:"src/features/requestedPackages/components/index.tsx#RequestedPackagesTableRow"})}catch(__react_docgen_typescript_loader_error){}try{AddRequestedPackage.displayName="AddRequestedPackage",AddRequestedPackage.__docgenInfo={description:"",displayName:"AddRequestedPackage",props:{onCancel:{defaultValue:null,description:"@param onCancel handler that will run when delete icon is clicked\n@param onSubmit handler that will run when input losses focus\n@param isCreating notify the component if it's being used for creating or editing environment",name:"onCancel",required:!0,type:{name:"Dispatch<SetStateAction<boolean>>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!0,type:{name:"(packageName: string) => void"}},isCreating:{defaultValue:null,description:"",name:"isCreating",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#AddRequestedPackage"]={docgenInfo:AddRequestedPackage.__docgenInfo,name:"AddRequestedPackage",path:"src/features/requestedPackages/components/index.tsx#AddRequestedPackage"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/requestedPackages/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{MQ:()=>_requestedPackagesSlice__WEBPACK_IMPORTED_MODULE_1__.MQ,Ze:()=>_requestedPackagesSlice__WEBPACK_IMPORTED_MODULE_1__.Ze,Zq:()=>_requestedPackagesSlice__WEBPACK_IMPORTED_MODULE_1__.Zq});__webpack_require__("./src/features/requestedPackages/components/index.tsx");var _requestedPackagesSlice__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/requestedPackages/requestedPackagesSlice.ts");try{RequestedPackageList.displayName="RequestedPackageList",RequestedPackageList.__docgenInfo={description:"",displayName:"RequestedPackageList",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#RequestedPackageList"]={docgenInfo:RequestedPackageList.__docgenInfo,name:"RequestedPackageList",path:"src/features/requestedPackages/index.tsx#RequestedPackageList"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackage.displayName="RequestedPackage",RequestedPackage.__docgenInfo={description:"",displayName:"RequestedPackage",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#RequestedPackage"]={docgenInfo:RequestedPackage.__docgenInfo,name:"RequestedPackage",path:"src/features/requestedPackages/index.tsx#RequestedPackage"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackagesEdit.displayName="RequestedPackagesEdit",RequestedPackagesEdit.__docgenInfo={description:"",displayName:"RequestedPackagesEdit",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#RequestedPackagesEdit"]={docgenInfo:RequestedPackagesEdit.__docgenInfo,name:"RequestedPackagesEdit",path:"src/features/requestedPackages/index.tsx#RequestedPackagesEdit"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackagesTableRow.displayName="RequestedPackagesTableRow",RequestedPackagesTableRow.__docgenInfo={description:"",displayName:"RequestedPackagesTableRow",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#RequestedPackagesTableRow"]={docgenInfo:RequestedPackagesTableRow.__docgenInfo,name:"RequestedPackagesTableRow",path:"src/features/requestedPackages/index.tsx#RequestedPackagesTableRow"})}catch(__react_docgen_typescript_loader_error){}try{AddRequestedPackage.displayName="AddRequestedPackage",AddRequestedPackage.__docgenInfo={description:"",displayName:"AddRequestedPackage",props:{onCancel:{defaultValue:null,description:"@param onCancel handler that will run when delete icon is clicked\n@param onSubmit handler that will run when input losses focus\n@param isCreating notify the component if it's being used for creating or editing environment",name:"onCancel",required:!0,type:{name:"Dispatch<SetStateAction<boolean>>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!0,type:{name:"(packageName: string) => void"}},isCreating:{defaultValue:null,description:"",name:"isCreating",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#AddRequestedPackage"]={docgenInfo:AddRequestedPackage.__docgenInfo,name:"AddRequestedPackage",path:"src/features/requestedPackages/index.tsx#AddRequestedPackage"})}catch(__react_docgen_typescript_loader_error){}try{updatePackages.displayName="updatePackages",updatePackages.__docgenInfo={description:"",displayName:"updatePackages",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#updatePackages"]={docgenInfo:updatePackages.__docgenInfo,name:"updatePackages",path:"src/features/requestedPackages/index.tsx#updatePackages"})}catch(__react_docgen_typescript_loader_error){}try{dependencyPromoted.displayName="dependencyPromoted",dependencyPromoted.__docgenInfo={description:"",displayName:"dependencyPromoted",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"number"}},channel:{defaultValue:null,description:"",name:"channel",required:!0,type:{name:"{ id: number; name: string; last_update: Date | null; }"}},build:{defaultValue:null,description:"",name:"build",required:!0,type:{name:"string"}},license:{defaultValue:null,description:"",name:"license",required:!0,type:{name:"string"}},sha256:{defaultValue:null,description:"",name:"sha256",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!0,type:{name:"string"}},summary:{defaultValue:null,description:"",name:"summary",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#dependencyPromoted"]={docgenInfo:dependencyPromoted.__docgenInfo,name:"dependencyPromoted",path:"src/features/requestedPackages/index.tsx#dependencyPromoted"})}catch(__react_docgen_typescript_loader_error){}try{packageUpdated.displayName="packageUpdated",packageUpdated.__docgenInfo={description:"",displayName:"packageUpdated",props:{currentPackage:{defaultValue:null,description:"",name:"currentPackage",required:!0,type:{name:"string"}},updatedPackage:{defaultValue:null,description:"",name:"updatedPackage",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#packageUpdated"]={docgenInfo:packageUpdated.__docgenInfo,name:"packageUpdated",path:"src/features/requestedPackages/index.tsx#packageUpdated"})}catch(__react_docgen_typescript_loader_error){}try{packageRemoved.displayName="packageRemoved",packageRemoved.__docgenInfo={description:"",displayName:"packageRemoved",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#packageRemoved"]={docgenInfo:packageRemoved.__docgenInfo,name:"packageRemoved",path:"src/features/requestedPackages/index.tsx#packageRemoved"})}catch(__react_docgen_typescript_loader_error){}try{packageAdded.displayName="packageAdded",packageAdded.__docgenInfo={description:"",displayName:"packageAdded",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#packageAdded"]={docgenInfo:packageAdded.__docgenInfo,name:"packageAdded",path:"src/features/requestedPackages/index.tsx#packageAdded"})}catch(__react_docgen_typescript_loader_error){}try{buildPackagesCacheAdded.displayName="buildPackagesCacheAdded",buildPackagesCacheAdded.__docgenInfo={description:"",displayName:"buildPackagesCacheAdded",props:{pkgName:{defaultValue:null,description:"",name:"pkgName",required:!0,type:{name:"string"}},packages:{defaultValue:null,description:"",name:"packages",required:!0,type:{name:"BuildPackage[]"}},count:{defaultValue:null,description:"",name:"count",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#buildPackagesCacheAdded"]={docgenInfo:buildPackagesCacheAdded.__docgenInfo,name:"buildPackagesCacheAdded",path:"src/features/requestedPackages/index.tsx#buildPackagesCacheAdded"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/requestedPackages/reducer.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var ActionTypes;__webpack_require__.d(__webpack_exports__,{E3:()=>initialState,MF:()=>ActionTypes,Vo:()=>requestedPackagesReducer}),function(ActionTypes){ActionTypes.DATA_FETCHED="requestedPackages/data_fetched",ActionTypes.SEARCHED="requestedPackages/searched",ActionTypes.NEXT_FETCHED="requestedPackages/next_fetched",ActionTypes.LOADING="requestedPackages/loading",ActionTypes.CLEARED="requestedPackages/cleared"}(ActionTypes||(ActionTypes={}));const initialState={page:1,data:[],count:0,name:"",loading:!1},requestedPackagesReducer=(state,action)=>{var _a;switch(action.type){case ActionTypes.DATA_FETCHED:{const{count,data}=action.payload;return{...state,count,data}}case ActionTypes.SEARCHED:return{...state,...action.payload,page:1};case ActionTypes.NEXT_FETCHED:{const{data,count}=action.payload,newData=null===(_a=state.data)||void 0===_a?void 0:_a.concat(data),nextPage=state.page+1;return{...state,data:newData,count,page:nextPage}}case ActionTypes.LOADING:return{...state,loading:action.payload.loading};case ActionTypes.CLEARED:return{...state,name:"",page:1}}}},"./src/features/requestedPackages/requestedPackagesSlice.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Aq:()=>packageRemoved,MQ:()=>buildPackagesCacheAdded,P4:()=>packageUpdated,Ze:()=>dependencyPromoted,Zq:()=>requestedPackagesSlice,zJ:()=>packageAdded});var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),_utils_helpers__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/utils/helpers/index.ts"),_dependencies__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/dependencies/index.tsx"),_environmentDetails__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/features/environmentDetails/index.tsx");const requestedPackagesSlice=(0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__.oM)({name:"requestedPackages",initialState:{requestedPackages:[],versionsWithoutConstraints:{},versionsWithConstraints:{},packagesWithLatestVersions:{},buildPackagesCache:{}},reducers:{updatePackages:(state,action)=>{const packages=action.payload;state.requestedPackages=packages},dependencyPromoted:(state,action)=>{const newRequestedPackage=`${action.payload.name}==${action.payload.version}`;state.requestedPackages.push(newRequestedPackage)},packageUpdated:(state,action)=>{const{currentPackage,updatedPackage}=action.payload;state.requestedPackages=state.requestedPackages.map((p=>p===currentPackage?updatedPackage:p))},packageRemoved:(state,action)=>{state.requestedPackages=state.requestedPackages.filter((p=>p!==action.payload))},packageAdded:(state,action)=>{state.requestedPackages.push(action.payload)},buildPackagesCacheAdded:(state,action)=>{const{pkgName,packages,count}=action.payload;state.buildPackagesCache[pkgName]={packages,count}}},extraReducers:builder=>{builder.addMatcher(_environmentDetails__WEBPACK_IMPORTED_MODULE_2__.XZ.endpoints.getBuild.matchFulfilled,((state,{payload:{data:{specification:{spec:{dependencies}}}}})=>{state.requestedPackages=dependencies,state.packagesWithLatestVersions={},state.versionsWithConstraints={},dependencies.forEach((dep=>{if("string"==typeof dep){const{constraint,name,version}=(0,_utils_helpers__WEBPACK_IMPORTED_MODULE_0__.v2)(dep);version&&(state.versionsWithConstraints[name]=version),"latest"===constraint&&(state.packagesWithLatestVersions[name]=dep)}}))})),builder.addMatcher(_dependencies__WEBPACK_IMPORTED_MODULE_1__.Tr.endpoints.getBuildPackages.matchFulfilled,((state,{payload:{data,size,count,page}})=>{state.versionsWithoutConstraints={},data.forEach((dep=>{state.packagesWithLatestVersions[dep.name]&&(state.versionsWithoutConstraints[dep.name]=dep.version)}))}))}}),{updatePackages,dependencyPromoted,packageUpdated,packageRemoved,packageAdded,buildPackagesCacheAdded}=requestedPackagesSlice.actions},"./src/features/requestedPackages/stories/RequestedPackageList.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/requestedPackages/components/index.tsx");const packageList=["numpy>=4.7","pandas<=3.8.1","python>=1.1",{pip:["test"]}],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_1__.rM},Primary=()=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.rM,{packageList})},"./src/features/requestedPackages/stories/RequestedPackagesEdit.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_redux__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-redux/es/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/features/requestedPackages/components/index.tsx"),_store__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/store/index.ts");const packageList=["numpy>=4.7","pandas<=3.8.1","python>=1.1",{pip:["test"]}],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_2__.bM},Primary=()=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(react_redux__WEBPACK_IMPORTED_MODULE_0__.zt,{store:_store__WEBPACK_IMPORTED_MODULE_3__.h},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_components__WEBPACK_IMPORTED_MODULE_2__.bM,{packageList}))},"./src/features/tabs/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n7:()=>tabsSlice_environmentOpened,wc:()=>tabsSlice_openCreateNewEnvironmentTab,Zb:()=>tabsSlice_tabChanged,Pl:()=>tabsSlice,iF:()=>tabsSlice_toggleNewEnvironmentView});__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/styles/index.tsx"),__webpack_require__("./src/styles/StyledTabs.tsx"),__webpack_require__("./src/hooks.ts"),__webpack_require__("./src/features/environmentDetails/index.tsx");var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),process=__webpack_require__("./node_modules/process/browser.js");const tabsSlice=(0,redux_toolkit_esm.oM)({name:"tabs",initialState:{selectedEnvironments:[],selectedEnvironment:null,value:0,newEnvironment:{isOpen:!1,isActive:!1,namespace:""}},reducers:{environmentOpened:(state,action)=>{const environments=state.selectedEnvironments,openedEnvironment=action.payload.environment,isSingleTabMode="jupyterlab"===process.env.REACT_APP_CONTEXT;state.selectedEnvironment={...openedEnvironment,canUpdate:action.payload.canUpdate},state.value=openedEnvironment.id,environments.some((env=>env.id===openedEnvironment.id))||(isSingleTabMode?state.selectedEnvironments[0]=openedEnvironment:state.selectedEnvironments.push(openedEnvironment))},environmentClosed:(state,action)=>{const closedEnvironmentId=action.payload.envId,index=state.selectedEnvironments.findIndex((env=>env.id===closedEnvironmentId)),listLength=state.selectedEnvironments.length;if(action.payload.selectedEnvironmentId===closedEnvironmentId)if(listLength>1){const rightItem=state.selectedEnvironments[index+1],leftItem=state.selectedEnvironments[index-1];state.selectedEnvironment=null!=rightItem?rightItem:leftItem,state.value=state.selectedEnvironment.id,state.newEnvironment.isActive=!1}else 1===listLength&&state.newEnvironment.isOpen?(state.value="create",state.selectedEnvironment=null,state.newEnvironment.isActive=!0):(state.selectedEnvironment=null,state.value=0);state.selectedEnvironments=state.selectedEnvironments.filter((env=>env.id!==closedEnvironmentId))},tabChanged:(state,action)=>{const tabValue=action.payload,environment=state.selectedEnvironments.find((env=>env.id===tabValue));state.value=tabValue,environment&&(state.selectedEnvironment=environment)},openCreateNewEnvironmentTab:(state,action)=>{state.newEnvironment.namespace=action.payload,state.value="create",state.selectedEnvironment=null,state.newEnvironment.isOpen=!0,state.newEnvironment.isActive=!0},closeCreateNewEnvironmentTab:state=>{const listLength=state.selectedEnvironments.length,lastEnv=state.selectedEnvironments[listLength-1];state.value=lastEnv?lastEnv.id:0,state.selectedEnvironment=lastEnv||null,state.newEnvironment.isOpen=!1,state.newEnvironment.isActive=!1},toggleNewEnvironmentView:(state,action)=>{action.payload&&(state.value="create",state.selectedEnvironment=null),state.newEnvironment.isActive=action.payload},updateEnvironmentBuildId:(state,action)=>{state.selectedEnvironment&&(state.selectedEnvironment.current_build_id=action.payload)}}}),{environmentOpened:tabsSlice_environmentOpened,environmentClosed:tabsSlice_environmentClosed,tabChanged:tabsSlice_tabChanged,openCreateNewEnvironmentTab:tabsSlice_openCreateNewEnvironmentTab,closeCreateNewEnvironmentTab:tabsSlice_closeCreateNewEnvironmentTab,toggleNewEnvironmentView:tabsSlice_toggleNewEnvironmentView,updateEnvironmentBuildId:tabsSlice_updateEnvironmentBuildId}=tabsSlice.actions;__webpack_require__("./src/features/metadata/index.tsx");try{environmentOpened.displayName="environmentOpened",environmentOpened.__docgenInfo={description:"",displayName:"environmentOpened",props:{environment:{defaultValue:null,description:"",name:"environment",required:!0,type:{name:"Environment"}},selectedEnvironmentId:{defaultValue:null,description:"",name:"selectedEnvironmentId",required:!0,type:{name:"number | undefined"}},canUpdate:{defaultValue:null,description:"",name:"canUpdate",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#environmentOpened"]={docgenInfo:environmentOpened.__docgenInfo,name:"environmentOpened",path:"src/features/tabs/index.tsx#environmentOpened"})}catch(__react_docgen_typescript_loader_error){}try{environmentClosed.displayName="environmentClosed",environmentClosed.__docgenInfo={description:"",displayName:"environmentClosed",props:{envId:{defaultValue:null,description:"",name:"envId",required:!0,type:{name:"number"}},selectedEnvironmentId:{defaultValue:null,description:"",name:"selectedEnvironmentId",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#environmentClosed"]={docgenInfo:environmentClosed.__docgenInfo,name:"environmentClosed",path:"src/features/tabs/index.tsx#environmentClosed"})}catch(__react_docgen_typescript_loader_error){}try{tabChanged.displayName="tabChanged",tabChanged.__docgenInfo={description:"",displayName:"tabChanged",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#tabChanged"]={docgenInfo:tabChanged.__docgenInfo,name:"tabChanged",path:"src/features/tabs/index.tsx#tabChanged"})}catch(__react_docgen_typescript_loader_error){}try{openCreateNewEnvironmentTab.displayName="openCreateNewEnvironmentTab",openCreateNewEnvironmentTab.__docgenInfo={description:"",displayName:"openCreateNewEnvironmentTab",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#openCreateNewEnvironmentTab"]={docgenInfo:openCreateNewEnvironmentTab.__docgenInfo,name:"openCreateNewEnvironmentTab",path:"src/features/tabs/index.tsx#openCreateNewEnvironmentTab"})}catch(__react_docgen_typescript_loader_error){}try{closeCreateNewEnvironmentTab.displayName="closeCreateNewEnvironmentTab",closeCreateNewEnvironmentTab.__docgenInfo={description:"",displayName:"closeCreateNewEnvironmentTab",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#closeCreateNewEnvironmentTab"]={docgenInfo:closeCreateNewEnvironmentTab.__docgenInfo,name:"closeCreateNewEnvironmentTab",path:"src/features/tabs/index.tsx#closeCreateNewEnvironmentTab"})}catch(__react_docgen_typescript_loader_error){}try{toggleNewEnvironmentView.displayName="toggleNewEnvironmentView",toggleNewEnvironmentView.__docgenInfo={description:"",displayName:"toggleNewEnvironmentView",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#toggleNewEnvironmentView"]={docgenInfo:toggleNewEnvironmentView.__docgenInfo,name:"toggleNewEnvironmentView",path:"src/features/tabs/index.tsx#toggleNewEnvironmentView"})}catch(__react_docgen_typescript_loader_error){}try{updateEnvironmentBuildId.displayName="updateEnvironmentBuildId",updateEnvironmentBuildId.__docgenInfo={description:"",displayName:"updateEnvironmentBuildId",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#updateEnvironmentBuildId"]={docgenInfo:updateEnvironmentBuildId.__docgenInfo,name:"updateEnvironmentBuildId",path:"src/features/tabs/index.tsx#updateEnvironmentBuildId"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>useAppSelector,T:()=>useAppDispatch});var react_redux__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-redux/es/index.js");const useAppDispatch=react_redux__WEBPACK_IMPORTED_MODULE_0__.I0,useAppSelector=react_redux__WEBPACK_IMPORTED_MODULE_0__.v9},"./src/preferences.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p0:()=>prefGlobal,uo:()=>PrefContext});var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),process=__webpack_require__("./node_modules/process/browser.js");const{condaStoreConfig={}}="undefined"!=typeof window&&window,prefDefault={apiUrl:null!==(_b=null!==(_a=process.env.REACT_APP_API_URL)&&void 0!==_a?_a:condaStoreConfig.REACT_APP_API_URL)&&void 0!==_b?_b:"http://localhost:5000/conda-store/",authMethod:null!==(_d=null!==(_c=process.env.REACT_APP_AUTH_METHOD)&&void 0!==_c?_c:condaStoreConfig.REACT_APP_AUTH_METHOD)&&void 0!==_d?_d:"cookie",authToken:null!==(_f=null!==(_e=process.env.REACT_APP_AUTH_TOKEN)&&void 0!==_e?_e:condaStoreConfig.REACT_APP_AUTH_TOKEN)&&void 0!==_f?_f:"",loginUrl:null!==(_h=null!==(_g=process.env.REACT_APP_LOGIN_PAGE_URL)&&void 0!==_g?_g:condaStoreConfig.REACT_APP_LOGIN_PAGE_URL)&&void 0!==_h?_h:"http://localhost:5000/conda-store/login?next=",styleType:null!==(_k=null!==(_j=process.env.REACT_APP_STYLE_TYPE)&&void 0!==_j?_j:condaStoreConfig.REACT_APP_STYLE_TYPE)&&void 0!==_k?_k:"grayscale",showAuthButton:process.env.REACT_APP_SHOW_AUTH_BUTTON?JSON.parse(process.env.REACT_APP_SHOW_AUTH_BUTTON):void 0===condaStoreConfig||void 0===condaStoreConfig.REACT_APP_SHOW_AUTH_BUTTON||JSON.parse(condaStoreConfig.REACT_APP_SHOW_AUTH_BUTTON),logoutUrl:null!==(_m=null!==(_l=process.env.REACT_APP_LOGOUT_PAGE_URL)&&void 0!==_l?_l:condaStoreConfig.REACT_APP_LOGOUT_PAGE_URL)&&void 0!==_m?_m:"http://localhost:5000/conda-store/logout?next=/"};const prefGlobal=new class Preferences{constructor(pref=prefDefault){this.set(pref)}get apiUrl(){return this._apiUrl}get authMethod(){return this._authMethod}get authToken(){return this._authToken}get loginUrl(){return this._loginUrl}get styleType(){return this._styleType}get showAuthButton(){return this._showAuthButton}get logoutUrl(){return this._logoutUrl}set(pref){this._apiUrl=pref.apiUrl,this._authMethod=pref.authMethod,this._authToken=pref.authToken,this._loginUrl=pref.loginUrl,this._styleType=pref.styleType,this._showAuthButton=pref.showAuthButton,this._logoutUrl=pref.logoutUrl}},PrefContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(prefDefault)},"./src/store/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>store});var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),api=__webpack_require__("./src/features/api/index.ts"),channels=__webpack_require__("./src/features/channels/index.tsx"),dependencies=__webpack_require__("./src/features/dependencies/index.tsx"),environmentDetails=__webpack_require__("./src/features/environmentDetails/index.tsx"),requestedPackages=__webpack_require__("./src/features/requestedPackages/index.tsx"),tabs=__webpack_require__("./src/features/tabs/index.tsx"),metadata=__webpack_require__("./src/features/metadata/index.tsx");const environmentCreateSlice=(0,redux_toolkit_esm.oM)({name:"environmentCreate",initialState:{name:"",description:"",channels:[],requestedPackages:[]},reducers:{nameChanged:(state,action)=>{state.name=action.payload},descriptionChanged:(state,action)=>{state.description=action.payload},channelsChanged:(state,action)=>{state.channels=action.payload},requestedPackagesChanged:(state,action)=>{state.requestedPackages=action.payload},requestedPackageRemoved:(state,action)=>{state.requestedPackages=state.requestedPackages.filter((p=>p!==action.payload))},requestedPackageUpdated:(state,action)=>{const{currentPackage,updatedPackage}=action.payload;state.requestedPackages=state.requestedPackages.map((p=>p===currentPackage?updatedPackage:p))},editorCodeUpdated:(state,action)=>{state.requestedPackages=action.payload.dependencies,state.channels=action.payload.channels},environmentCreateStateCleared:state=>{state.name="",state.description="",state.channels=[],state.requestedPackages=[]}}}),{nameChanged,descriptionChanged,channelsChanged,requestedPackagesChanged,requestedPackageRemoved,requestedPackageUpdated,editorCodeUpdated,environmentCreateStateCleared}=environmentCreateSlice.actions,rootReducer={[api.g.reducerPath]:api.g.reducer,channels:channels.ZU.reducer,requestedPackages:requestedPackages.Zq.reducer,tabs:tabs.Pl.reducer,enviroments:metadata.jM.reducer,environmentDetails:environmentDetails.KO.reducer,dependencies:dependencies.kW.reducer,environmentCreate:environmentCreateSlice.reducer},store=(0,redux_toolkit_esm.xC)({reducer:rootReducer,middleware:getDefaultMiddleware=>getDefaultMiddleware().concat(api.g.middleware)})},"./src/styles/StyledMetadataItem.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _mui_material_Typography__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const StyledMetadataItem=(0,__webpack_require__("./node_modules/@mui/system/esm/styled.js").Z)(_mui_material_Typography__WEBPACK_IMPORTED_MODULE_1__.Z)((({theme})=>({padding:"0 0 10px 0",fontSize:"13px",fontFamily:'"Inter", sans-serif',color:"#333"})));try{StyledMetadataItem.displayName="StyledMetadataItem",StyledMetadataItem.__docgenInfo={description:"",displayName:"StyledMetadataItem",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | "hidden" | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},align:{defaultValue:{value:"'inherit'"},description:"Set the text-align on the component.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"left"'},{value:'"right"'},{value:'"inherit"'},{value:'"justify"'}]}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TypographyClasses> & Partial<ClassNameMap<never>>)"}},gutterBottom:{defaultValue:{value:"false"},description:"If `true`, the text will have a bottom margin.",name:"gutterBottom",required:!1,type:{name:"boolean"}},noWrap:{defaultValue:{value:"false"},description:"If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n\nNote that text overflow can only happen with block or inline-block level elements\n(the element needs to have a width in order to overflow).",name:"noWrap",required:!1,type:{name:"boolean"}},paragraph:{defaultValue:{value:"false"},description:"If `true`, the element will be a paragraph element.",name:"paragraph",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'body1'"},description:"Applies the theme typography styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"subtitle1"'},{value:'"subtitle2"'},{value:'"body1"'},{value:'"body2"'},{value:'"caption"'},{value:'"button"'},{value:'"overline"'},{value:'"inherit"'}]}},variantMapping:{defaultValue:{value:"{\nh1: 'h1',\nh2: 'h2',\nh3: 'h3',\nh4: 'h4',\nh5: 'h5',\nh6: 'h6',\nsubtitle1: 'h6',\nsubtitle2: 'h6',\nbody1: 'p',\nbody2: 'p',\ninherit: 'p',\n}"},description:"The component maps the variant prop to a range of different HTML element types.\nFor instance, subtitle1 to `<h6>`.\nIf you wish to change that mapping, you can provide your own.\nAlternatively, you can use the `component` prop.",name:"variantMapping",required:!1,type:{name:'Partial<Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "inherit", string>>'}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledMetadataItem.tsx#StyledMetadataItem"]={docgenInfo:StyledMetadataItem.__docgenInfo,name:"StyledMetadataItem",path:"src/styles/StyledMetadataItem.tsx#StyledMetadataItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/styles/StyledTabs.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _mui_material_Tabs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/Tabs/Tabs.js");const StyledTabs=(0,__webpack_require__("./node_modules/@mui/system/esm/styled.js").Z)(_mui_material_Tabs__WEBPACK_IMPORTED_MODULE_1__.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette}})=>({backgroundColor:"#FFF","& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"#FFF"}})));try{StyledTabs.displayName="StyledTabs",StyledTabs.__docgenInfo={description:"",displayName:"StyledTabs",props:{action:{defaultValue:null,description:"Callback fired when the component mounts.\nThis is useful when you want to trigger an action programmatically.\nIt supports two actions: `updateIndicator()` and `updateScrollButtons()`\n@param actions This object contains all possible actions\nthat can be triggered programmatically.",name:"action",required:!1,type:{name:"Ref<TabsActions>"}},allowScrollButtonsMobile:{defaultValue:{value:"false"},description:"If `true`, the scroll buttons aren't forced hidden on mobile.\nBy default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.",name:"allowScrollButtonsMobile",required:!1,type:{name:"boolean"}},"aria-label":{defaultValue:null,description:"The label for the Tabs as a string.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"An id or list of ids separated by a space that label the Tabs.",name:"aria-labelledby",required:!1,type:{name:"string"}},centered:{defaultValue:{value:"false"},description:"If `true`, the tabs are centered.\nThis prop is intended for large views.",name:"centered",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TabsClasses> & Partial<ClassNameMap<never>>)"}},indicatorColor:{defaultValue:{value:"'primary'"},description:"Determines the color of the indicator.",name:"indicatorColor",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},onChange:{defaultValue:null,description:"Callback fired when the value changes.\n@param event The event source of the callback. **Warning**: This is a generic event not a change event.\n@param value We default to the index of the child (number)",name:"onChange",required:!1,type:{name:"((event: SyntheticEvent<Element, Event>, value: any) => void)"}},orientation:{defaultValue:{value:"'horizontal'"},description:"The component orientation (layout flow direction).",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},ScrollButtonComponent:{defaultValue:{value:"TabScrollButton"},description:"The component used to render the scroll buttons.",name:"ScrollButtonComponent",required:!1,type:{name:"ElementType<any>"}},scrollButtons:{defaultValue:{value:"'auto'"},description:"Determine behavior of scroll buttons when tabs are set to scroll:\n\n- `auto` will only present them when not all the items are visible.\n- `true` will always present them.\n- `false` will never present them.\n\nBy default the scroll buttons are hidden on mobile.\nThis behavior can be disabled with `allowScrollButtonsMobile`.",name:"scrollButtons",required:!1,type:{name:'boolean | "auto"'}},selectionFollowsFocus:{defaultValue:null,description:"If `true` the selected tab changes on focus. Otherwise it only\nchanges on activation.",name:"selectionFollowsFocus",required:!1,type:{name:"boolean"}},TabIndicatorProps:{defaultValue:{value:"{}"},description:"Props applied to the tab indicator element.",name:"TabIndicatorProps",required:!1,type:{name:"(HTMLAttributes<HTMLDivElement> & { sx?: SxProps<Theme>; })"}},TabScrollButtonProps:{defaultValue:{value:"{}"},description:"Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.",name:"TabScrollButtonProps",required:!1,type:{name:"Partial<TabScrollButtonProps>"}},textColor:{defaultValue:{value:"'primary'"},description:"Determines the color of the `Tab`.",name:"textColor",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'}]}},value:{defaultValue:null,description:"The value of the currently selected `Tab`.\nIf you don't want any selected `Tab`, you can set this prop to `false`.",name:"value",required:!1,type:{name:"any"}},variant:{defaultValue:{value:"'standard'"},description:"Determines additional display behavior of the tabs:\n\n- `scrollable` will invoke scrolling properties and allow for horizontally\nscrolling (or swiping) of the tab bar.\n-`fullWidth` will make the tabs grow to use all the available space,\nwhich should be used for small views, like on mobile.\n- `standard` will render the default state.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"fullWidth"'},{value:'"standard"'},{value:'"scrollable"'}]}},visibleScrollbar:{defaultValue:{value:"false"},description:"If `true`, the scrollbar is visible. It can be useful when displaying\na long vertical list of tabs.",name:"visibleScrollbar",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledTabs.tsx#StyledTabs"]={docgenInfo:StyledTabs.__docgenInfo,name:"StyledTabs",path:"src/styles/StyledTabs.tsx#StyledTabs"})}catch(__react_docgen_typescript_loader_error){}},"./src/styles/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ug:()=>StyledAccordionDetails_StyledAccordionDetails,k:()=>StyledAccordionSummary_StyledAccordionSummary,jo:()=>StyledAccordionTitle_StyledAccordionTitle,nX:()=>StyledButtonPrimary_StyledButtonPrimary,YL:()=>StyledEditPackagesTableCell_StyledEditPackagesTableCell,Qh:()=>StyledIconButton_StyledIconButton,mn:()=>StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell,Yy:()=>StyledScrollContainer_StyledScrollContainer});var react=__webpack_require__("./node_modules/react/index.js"),AccordionSummary=__webpack_require__("./node_modules/@mui/material/AccordionSummary/AccordionSummary.js"),styled=__webpack_require__("./node_modules/@mui/system/esm/styled.js"),preferences=__webpack_require__("./src/preferences.tsx");const StyledAccordionSummary_StyledAccordionSummary=(0,styled.Z)(AccordionSummary.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette},styleType=react.useContext(preferences.uo).styleType})=>({paddingLeft:"15px",paddingRight:"14px",height:40,border:"grayscale"===styleType?`1px solid ${palette.primary.main}`:"1px solid #BCBFC4",borderRadius:"grayscale"===styleType?"5px":"0px","&.Mui-expanded":{minHeight:40,maxHeight:40,margin:"0px",borderRadius:"0",".MuiAccordionSummary-expandIconWrapper":{transform:"rotate(90deg)"}}})));try{StyledAccordionSummary_StyledAccordionSummary.displayName="StyledAccordionSummary",StyledAccordionSummary_StyledAccordionSummary.__docgenInfo={description:"",displayName:"StyledAccordionSummary",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<AccordionSummaryClasses> & Partial<ClassNameMap<never>>)"}},expandIcon:{defaultValue:null,description:"The icon to display as the expand indicator.",name:"expandIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledAccordionSummary.tsx#StyledAccordionSummary"]={docgenInfo:StyledAccordionSummary_StyledAccordionSummary.__docgenInfo,name:"StyledAccordionSummary",path:"src/styles/StyledAccordionSummary.tsx#StyledAccordionSummary"})}catch(__react_docgen_typescript_loader_error){}var AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js");const StyledAccordionDetails_StyledAccordionDetails=(0,styled.Z)(AccordionDetails.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette},styleType=react.useContext(preferences.uo).styleType})=>({border:"grayscale"===styleType?`1px solid ${palette.primary.main}`:"1px solid #BCBFC4",borderTop:"none",borderRadius:"grayscale"===styleType?"0px 0px 5px 5px":"Opx",overflowY:"scroll","&::-webkit-scrollbar":{width:"10px"},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"grayscale"===styleType?"#EBECEE":"#DADCE0",borderRadius:"5px",border:"grayscale"===styleType?"1px solid #666666":"none"}})));try{StyledAccordionDetails_StyledAccordionDetails.displayName="StyledAccordionDetails",StyledAccordionDetails_StyledAccordionDetails.__docgenInfo={description:"",displayName:"StyledAccordionDetails",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledAccordionDetails.tsx#StyledAccordionDetails"]={docgenInfo:StyledAccordionDetails_StyledAccordionDetails.__docgenInfo,name:"StyledAccordionDetails",path:"src/styles/StyledAccordionDetails.tsx#StyledAccordionDetails"})}catch(__react_docgen_typescript_loader_error){}var Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const StyledAccordionTitle_StyledAccordionTitle=(0,styled.Z)(Typography.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme})=>({fontSize:"13px",fontWeight:500,color:"#333"})));try{StyledAccordionTitle_StyledAccordionTitle.displayName="StyledAccordionTitle",StyledAccordionTitle_StyledAccordionTitle.__docgenInfo={description:"",displayName:"StyledAccordionTitle",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | "hidden" | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},align:{defaultValue:{value:"'inherit'"},description:"Set the text-align on the component.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"left"'},{value:'"right"'},{value:'"inherit"'},{value:'"justify"'}]}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TypographyClasses> & Partial<ClassNameMap<never>>)"}},gutterBottom:{defaultValue:{value:"false"},description:"If `true`, the text will have a bottom margin.",name:"gutterBottom",required:!1,type:{name:"boolean"}},noWrap:{defaultValue:{value:"false"},description:"If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n\nNote that text overflow can only happen with block or inline-block level elements\n(the element needs to have a width in order to overflow).",name:"noWrap",required:!1,type:{name:"boolean"}},paragraph:{defaultValue:{value:"false"},description:"If `true`, the element will be a paragraph element.",name:"paragraph",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'body1'"},description:"Applies the theme typography styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"subtitle1"'},{value:'"subtitle2"'},{value:'"body1"'},{value:'"body2"'},{value:'"caption"'},{value:'"button"'},{value:'"overline"'},{value:'"inherit"'}]}},variantMapping:{defaultValue:{value:"{\nh1: 'h1',\nh2: 'h2',\nh3: 'h3',\nh4: 'h4',\nh5: 'h5',\nh6: 'h6',\nsubtitle1: 'h6',\nsubtitle2: 'h6',\nbody1: 'p',\nbody2: 'p',\ninherit: 'p',\n}"},description:"The component maps the variant prop to a range of different HTML element types.\nFor instance, subtitle1 to `<h6>`.\nIf you wish to change that mapping, you can provide your own.\nAlternatively, you can use the `component` prop.",name:"variantMapping",required:!1,type:{name:'Partial<Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "inherit", string>>'}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledAccordionTitle.tsx#StyledAccordionTitle"]={docgenInfo:StyledAccordionTitle_StyledAccordionTitle.__docgenInfo,name:"StyledAccordionTitle",path:"src/styles/StyledAccordionTitle.tsx#StyledAccordionTitle"})}catch(__react_docgen_typescript_loader_error){}var TableCell=__webpack_require__("./node_modules/@mui/material/TableCell/TableCell.js");const StyledEditPackagesTableCell_StyledEditPackagesTableCell=(0,styled.Z)(TableCell.Z)((({theme})=>({padding:"0px",borderBottom:"0px"})));try{StyledEditPackagesTableCell_StyledEditPackagesTableCell.displayName="StyledEditPackagesTableCell",StyledEditPackagesTableCell_StyledEditPackagesTableCell.__docgenInfo={description:"",displayName:"StyledEditPackagesTableCell",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledEditPackagesTableCell.tsx#StyledEditPackagesTableCell"]={docgenInfo:StyledEditPackagesTableCell_StyledEditPackagesTableCell.__docgenInfo,name:"StyledEditPackagesTableCell",path:"src/styles/StyledEditPackagesTableCell.tsx#StyledEditPackagesTableCell"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js");const StyledButtonPrimary_StyledButtonPrimary=(0,styled.Z)(Button.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette},styleType=react.useContext(preferences.uo).styleType,isalttype="false"})=>({padding:"true"===isalttype?"3px 18px":"3px 35px",border:"grayscale"===styleType?"none":"1px solid #33A852",fontSize:"13px",color:"#fff",textTransform:"none",backgroundColor:"grayscale"===styleType?"#5F6368":"#33A852",boxShadow:"none",borderRadius:"true"===isalttype?"2px":"5px",":hover":{boxShadow:"none",color:"grayscale"===styleType?"#fff":"#33A852",backgroundColor:"grayscale"===styleType?"#3C4043":"#fff"},"&:disabled":{backgroundColor:"#dddcdc",border:"none"}})));try{StyledButtonPrimary_StyledButtonPrimary.displayName="StyledButtonPrimary",StyledButtonPrimary_StyledButtonPrimary.__docgenInfo={description:"",displayName:"StyledButtonPrimary",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<ButtonClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'primary'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableElevation:{defaultValue:{value:"false"},description:"If `true`, no elevation is used.",name:"disableElevation",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},endIcon:{defaultValue:null,description:"Element placed after the children.",name:"endIcon",required:!1,type:{name:"ReactNode"}},fullWidth:{defaultValue:{value:"false"},description:"If `true`, the button will take up the full width of its container.",name:"fullWidth",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node.",name:"href",required:!1,type:{name:"string"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.\n`small` is equivalent to the dense button styling.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},startIcon:{defaultValue:null,description:"Element placed before the children.",name:"startIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'text'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"outlined"'},{value:'"contained"'}]}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}},isalttype:{defaultValue:null,description:"",name:"isalttype",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledButtonPrimary.tsx#StyledButtonPrimary"]={docgenInfo:StyledButtonPrimary_StyledButtonPrimary.__docgenInfo,name:"StyledButtonPrimary",path:"src/styles/StyledButtonPrimary.tsx#StyledButtonPrimary"})}catch(__react_docgen_typescript_loader_error){}const StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell=(0,styled.Z)(TableCell.Z)((({theme})=>({paddingLeft:"0px",borderBottom:"0px",paddingBottom:"10px"})));try{StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell.displayName="StyledRequestedPackagesTableCell",StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell.__docgenInfo={description:"",displayName:"StyledRequestedPackagesTableCell",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledRequestedPackagesTableCell.tsx#StyledRequestedPackagesTableCell"]={docgenInfo:StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell.__docgenInfo,name:"StyledRequestedPackagesTableCell",path:"src/styles/StyledRequestedPackagesTableCell.tsx#StyledRequestedPackagesTableCell"})}catch(__react_docgen_typescript_loader_error){}const StyledIconButton_StyledIconButton=(0,styled.Z)(Button.Z)((({theme})=>({color:"#000",padding:"0px",minWidth:"auto"})));try{StyledIconButton_StyledIconButton.displayName="StyledIconButton",StyledIconButton_StyledIconButton.__docgenInfo={description:"",displayName:"StyledIconButton",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<ButtonClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'primary'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableElevation:{defaultValue:{value:"false"},description:"If `true`, no elevation is used.",name:"disableElevation",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},endIcon:{defaultValue:null,description:"Element placed after the children.",name:"endIcon",required:!1,type:{name:"ReactNode"}},fullWidth:{defaultValue:{value:"false"},description:"If `true`, the button will take up the full width of its container.",name:"fullWidth",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node.",name:"href",required:!1,type:{name:"string"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.\n`small` is equivalent to the dense button styling.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},startIcon:{defaultValue:null,description:"Element placed before the children.",name:"startIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'text'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"outlined"'},{value:'"contained"'}]}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledIconButton.tsx#StyledIconButton"]={docgenInfo:StyledIconButton_StyledIconButton.__docgenInfo,name:"StyledIconButton",path:"src/styles/StyledIconButton.tsx#StyledIconButton"})}catch(__react_docgen_typescript_loader_error){}var ArrowRightRounded=__webpack_require__("./node_modules/@mui/icons-material/ArrowRightRounded.js");const StyledAccordionExpandIcon_StyledAccordionExpandIcon=(0,styled.Z)(ArrowRightRounded.Z)((({theme:{palette}})=>({width:51,height:55,color:palette.secondary.main})));try{StyledAccordionExpandIcon_StyledAccordionExpandIcon.displayName="StyledAccordionExpandIcon",StyledAccordionExpandIcon_StyledAccordionExpandIcon.__docgenInfo={description:"",displayName:"StyledAccordionExpandIcon",props:{children:{defaultValue:null,description:"Node passed into the SVG element.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<SvgIconClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'inherit'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).\nYou can use the `htmlColor` prop to apply a color attribute to the SVG element.",name:"color",required:!1,type:{name:"enum",value:[{value:'"action"'},{value:'"disabled"'},{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},fontSize:{defaultValue:{value:"'medium'"},description:"The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.",name:"fontSize",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"inherit"'},{value:'"medium"'},{value:'"large"'}]}},htmlColor:{defaultValue:null,description:"Applies a color attribute to the SVG element.",name:"htmlColor",required:!1,type:{name:"string"}},inheritViewBox:{defaultValue:{value:"false"},description:"If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`\nprop will be ignored.\nUseful when you want to reference a custom `component` and have `SvgIcon` pass that\n`component`'s viewBox to the root node.",name:"inheritViewBox",required:!1,type:{name:"boolean"}},shapeRendering:{defaultValue:null,description:"The shape-rendering attribute. The behavior of the different options is described on the\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).\nIf you are having issues with blurry icons you should investigate this prop.",name:"shapeRendering",required:!1,type:{name:"string"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},titleAccess:{defaultValue:null,description:"Provides a human-readable title for the element that contains it.\nhttps://www.w3.org/TR/SVG-access/#Equivalent",name:"titleAccess",required:!1,type:{name:"string"}},viewBox:{defaultValue:{value:"'0 0 24 24'"},description:'Allows you to redefine what the coordinates without units mean inside an SVG element.\nFor example, if the SVG element is 500 (width) by 200 (height),\nand you pass viewBox="0 0 50 20",\nthis means that the coordinates inside the SVG will go from the top left corner (0,0)\nto bottom right (50,20) and each unit will be worth 10px.',name:"viewBox",required:!1,type:{name:"string"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: SVGSVGElement | null) => void) | RefObject<SVGSVGElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledAccordionExpandIcon.tsx#StyledAccordionExpandIcon"]={docgenInfo:StyledAccordionExpandIcon_StyledAccordionExpandIcon.__docgenInfo,name:"StyledAccordionExpandIcon",path:"src/styles/StyledAccordionExpandIcon.tsx#StyledAccordionExpandIcon"})}catch(__react_docgen_typescript_loader_error){}var Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js");const StyledScrollContainer_StyledScrollContainer=(0,styled.Z)(Box.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette}})=>({overflowY:"scroll",overflowX:"hidden",paddingRight:"0px","&::-webkit-scrollbar":{width:"10px"},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#DADCE0",borderRadius:"5px",border:"none"}})));try{StyledScrollContainer_StyledScrollContainer.displayName="StyledScrollContainer",StyledScrollContainer_StyledScrollContainer.__docgenInfo={description:"",displayName:"StyledScrollContainer",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | "hidden" | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledScrollContainer.tsx#StyledScrollContainer"]={docgenInfo:StyledScrollContainer_StyledScrollContainer.__docgenInfo,name:"StyledScrollContainer",path:"src/styles/StyledScrollContainer.tsx#StyledScrollContainer"})}catch(__react_docgen_typescript_loader_error){}var Tab=__webpack_require__("./node_modules/@mui/material/Tab/Tab.js");const StyledTab_StyledTab=(0,styled.Z)(Tab.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette}})=>({border:"transparent",padding:"7px 12px",textTransform:"none",fontSize:"14px",minHeight:"48px",maxHeight:"48px",maxWidth:"340px",justifyContent:"space-between","&.Mui-selected":{color:"#333",fontWeight:400,border:"1px solid #E0E0E0",borderTop:"none",borderBottom:"none",background:"#F9F9F9"}})));try{StyledTab_StyledTab.displayName="StyledTab",StyledTab_StyledTab.__docgenInfo={description:"",displayName:"StyledTab",props:{children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.\nThe content of the component.",name:"children",required:!1,type:{name:"null"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TabClasses> & Partial<ClassNameMap<never>>)"}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"The icon to display.",name:"icon",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>>"}},iconPosition:{defaultValue:{value:"'top'"},description:"The position of the icon relative to the label.",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"bottom"'},{value:'"top"'},{value:'"end"'},{value:'"start"'}]}},label:{defaultValue:null,description:"The label element.",name:"label",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},value:{defaultValue:null,description:"You can provide your own value. Otherwise, we fallback to the child position index.",name:"value",required:!1,type:{name:"any"}},wrapped:{defaultValue:{value:"false"},description:"Tab labels appear in a single row.\nThey can use a second line if needed.",name:"wrapped",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledTab.tsx#StyledTab"]={docgenInfo:StyledTab_StyledTab.__docgenInfo,name:"StyledTab",path:"src/styles/StyledTab.tsx#StyledTab"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/styles/StyledTabs.tsx");const StyledBox_StyledBox=(0,styled.Z)(Box.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme,styleType=react.useContext(preferences.uo).styleType})=>({border:"1px solid #E0E0E0",marginTop:"25px",boxShadow:"none",backgroundColor:"grayscale"===styleType?"#EBECEE":"#E6F4EA"})));try{StyledBox_StyledBox.displayName="StyledBox",StyledBox_StyledBox.__docgenInfo={description:"",displayName:"StyledBox",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | "hidden" | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledBox.tsx#StyledBox"]={docgenInfo:StyledBox_StyledBox.__docgenInfo,name:"StyledBox",path:"src/styles/StyledBox.tsx#StyledBox"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/styles/StyledMetadataItem.tsx");try{StyledAccordionSummary.displayName="StyledAccordionSummary",StyledAccordionSummary.__docgenInfo={description:"",displayName:"StyledAccordionSummary",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<AccordionSummaryClasses> & Partial<ClassNameMap<never>>)"}},expandIcon:{defaultValue:null,description:"The icon to display as the expand indicator.",name:"expandIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledAccordionSummary"]={docgenInfo:StyledAccordionSummary.__docgenInfo,name:"StyledAccordionSummary",path:"src/styles/index.tsx#StyledAccordionSummary"})}catch(__react_docgen_typescript_loader_error){}try{StyledAccordionDetails.displayName="StyledAccordionDetails",StyledAccordionDetails.__docgenInfo={description:"",displayName:"StyledAccordionDetails",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledAccordionDetails"]={docgenInfo:StyledAccordionDetails.__docgenInfo,name:"StyledAccordionDetails",path:"src/styles/index.tsx#StyledAccordionDetails"})}catch(__react_docgen_typescript_loader_error){}try{StyledAccordionTitle.displayName="StyledAccordionTitle",StyledAccordionTitle.__docgenInfo={description:"",displayName:"StyledAccordionTitle",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | "hidden" | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},align:{defaultValue:{value:"'inherit'"},description:"Set the text-align on the component.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"left"'},{value:'"right"'},{value:'"inherit"'},{value:'"justify"'}]}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TypographyClasses> & Partial<ClassNameMap<never>>)"}},gutterBottom:{defaultValue:{value:"false"},description:"If `true`, the text will have a bottom margin.",name:"gutterBottom",required:!1,type:{name:"boolean"}},noWrap:{defaultValue:{value:"false"},description:"If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n\nNote that text overflow can only happen with block or inline-block level elements\n(the element needs to have a width in order to overflow).",name:"noWrap",required:!1,type:{name:"boolean"}},paragraph:{defaultValue:{value:"false"},description:"If `true`, the element will be a paragraph element.",name:"paragraph",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'body1'"},description:"Applies the theme typography styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"subtitle1"'},{value:'"subtitle2"'},{value:'"body1"'},{value:'"body2"'},{value:'"caption"'},{value:'"button"'},{value:'"overline"'},{value:'"inherit"'}]}},variantMapping:{defaultValue:{value:"{\nh1: 'h1',\nh2: 'h2',\nh3: 'h3',\nh4: 'h4',\nh5: 'h5',\nh6: 'h6',\nsubtitle1: 'h6',\nsubtitle2: 'h6',\nbody1: 'p',\nbody2: 'p',\ninherit: 'p',\n}"},description:"The component maps the variant prop to a range of different HTML element types.\nFor instance, subtitle1 to `<h6>`.\nIf you wish to change that mapping, you can provide your own.\nAlternatively, you can use the `component` prop.",name:"variantMapping",required:!1,type:{name:'Partial<Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "inherit", string>>'}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledAccordionTitle"]={docgenInfo:StyledAccordionTitle.__docgenInfo,name:"StyledAccordionTitle",path:"src/styles/index.tsx#StyledAccordionTitle"})}catch(__react_docgen_typescript_loader_error){}try{StyledEditPackagesTableCell.displayName="StyledEditPackagesTableCell",StyledEditPackagesTableCell.__docgenInfo={description:"",displayName:"StyledEditPackagesTableCell",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledEditPackagesTableCell"]={docgenInfo:StyledEditPackagesTableCell.__docgenInfo,name:"StyledEditPackagesTableCell",path:"src/styles/index.tsx#StyledEditPackagesTableCell"})}catch(__react_docgen_typescript_loader_error){}try{StyledButtonPrimary.displayName="StyledButtonPrimary",StyledButtonPrimary.__docgenInfo={description:"",displayName:"StyledButtonPrimary",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<ButtonClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'primary'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableElevation:{defaultValue:{value:"false"},description:"If `true`, no elevation is used.",name:"disableElevation",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},endIcon:{defaultValue:null,description:"Element placed after the children.",name:"endIcon",required:!1,type:{name:"ReactNode"}},fullWidth:{defaultValue:{value:"false"},description:"If `true`, the button will take up the full width of its container.",name:"fullWidth",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node.",name:"href",required:!1,type:{name:"string"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.\n`small` is equivalent to the dense button styling.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},startIcon:{defaultValue:null,description:"Element placed before the children.",name:"startIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'text'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"outlined"'},{value:'"contained"'}]}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}},isalttype:{defaultValue:null,description:"",name:"isalttype",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledButtonPrimary"]={docgenInfo:StyledButtonPrimary.__docgenInfo,name:"StyledButtonPrimary",path:"src/styles/index.tsx#StyledButtonPrimary"})}catch(__react_docgen_typescript_loader_error){}try{StyledRequestedPackagesTableCell.displayName="StyledRequestedPackagesTableCell",StyledRequestedPackagesTableCell.__docgenInfo={description:"",displayName:"StyledRequestedPackagesTableCell",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledRequestedPackagesTableCell"]={docgenInfo:StyledRequestedPackagesTableCell.__docgenInfo,name:"StyledRequestedPackagesTableCell",path:"src/styles/index.tsx#StyledRequestedPackagesTableCell"})}catch(__react_docgen_typescript_loader_error){}try{StyledIconButton.displayName="StyledIconButton",StyledIconButton.__docgenInfo={description:"",displayName:"StyledIconButton",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<ButtonClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'primary'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableElevation:{defaultValue:{value:"false"},description:"If `true`, no elevation is used.",name:"disableElevation",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},endIcon:{defaultValue:null,description:"Element placed after the children.",name:"endIcon",required:!1,type:{name:"ReactNode"}},fullWidth:{defaultValue:{value:"false"},description:"If `true`, the button will take up the full width of its container.",name:"fullWidth",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node.",name:"href",required:!1,type:{name:"string"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.\n`small` is equivalent to the dense button styling.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},startIcon:{defaultValue:null,description:"Element placed before the children.",name:"startIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'text'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"outlined"'},{value:'"contained"'}]}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledIconButton"]={docgenInfo:StyledIconButton.__docgenInfo,name:"StyledIconButton",path:"src/styles/index.tsx#StyledIconButton"})}catch(__react_docgen_typescript_loader_error){}try{StyledAccordionExpandIcon.displayName="StyledAccordionExpandIcon",StyledAccordionExpandIcon.__docgenInfo={description:"",displayName:"StyledAccordionExpandIcon",props:{children:{defaultValue:null,description:"Node passed into the SVG element.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<SvgIconClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'inherit'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).\nYou can use the `htmlColor` prop to apply a color attribute to the SVG element.",name:"color",required:!1,type:{name:"enum",value:[{value:'"action"'},{value:'"disabled"'},{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},fontSize:{defaultValue:{value:"'medium'"},description:"The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.",name:"fontSize",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"inherit"'},{value:'"medium"'},{value:'"large"'}]}},htmlColor:{defaultValue:null,description:"Applies a color attribute to the SVG element.",name:"htmlColor",required:!1,type:{name:"string"}},inheritViewBox:{defaultValue:{value:"false"},description:"If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`\nprop will be ignored.\nUseful when you want to reference a custom `component` and have `SvgIcon` pass that\n`component`'s viewBox to the root node.",name:"inheritViewBox",required:!1,type:{name:"boolean"}},shapeRendering:{defaultValue:null,description:"The shape-rendering attribute. The behavior of the different options is described on the\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).\nIf you are having issues with blurry icons you should investigate this prop.",name:"shapeRendering",required:!1,type:{name:"string"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},titleAccess:{defaultValue:null,description:"Provides a human-readable title for the element that contains it.\nhttps://www.w3.org/TR/SVG-access/#Equivalent",name:"titleAccess",required:!1,type:{name:"string"}},viewBox:{defaultValue:{value:"'0 0 24 24'"},description:'Allows you to redefine what the coordinates without units mean inside an SVG element.\nFor example, if the SVG element is 500 (width) by 200 (height),\nand you pass viewBox="0 0 50 20",\nthis means that the coordinates inside the SVG will go from the top left corner (0,0)\nto bottom right (50,20) and each unit will be worth 10px.',name:"viewBox",required:!1,type:{name:"string"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: SVGSVGElement | null) => void) | RefObject<SVGSVGElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledAccordionExpandIcon"]={docgenInfo:StyledAccordionExpandIcon.__docgenInfo,name:"StyledAccordionExpandIcon",path:"src/styles/index.tsx#StyledAccordionExpandIcon"})}catch(__react_docgen_typescript_loader_error){}try{StyledScrollContainer.displayName="StyledScrollContainer",StyledScrollContainer.__docgenInfo={description:"",displayName:"StyledScrollContainer",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | "hidden" | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledScrollContainer"]={docgenInfo:StyledScrollContainer.__docgenInfo,name:"StyledScrollContainer",path:"src/styles/index.tsx#StyledScrollContainer"})}catch(__react_docgen_typescript_loader_error){}try{StyledTab.displayName="StyledTab",StyledTab.__docgenInfo={description:"",displayName:"StyledTab",props:{children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.\nThe content of the component.",name:"children",required:!1,type:{name:"null"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TabClasses> & Partial<ClassNameMap<never>>)"}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"The icon to display.",name:"icon",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>>"}},iconPosition:{defaultValue:{value:"'top'"},description:"The position of the icon relative to the label.",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"bottom"'},{value:'"top"'},{value:'"end"'},{value:'"start"'}]}},label:{defaultValue:null,description:"The label element.",name:"label",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},value:{defaultValue:null,description:"You can provide your own value. Otherwise, we fallback to the child position index.",name:"value",required:!1,type:{name:"any"}},wrapped:{defaultValue:{value:"false"},description:"Tab labels appear in a single row.\nThey can use a second line if needed.",name:"wrapped",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledTab"]={docgenInfo:StyledTab.__docgenInfo,name:"StyledTab",path:"src/styles/index.tsx#StyledTab"})}catch(__react_docgen_typescript_loader_error){}try{StyledTabs.displayName="StyledTabs",StyledTabs.__docgenInfo={description:"",displayName:"StyledTabs",props:{action:{defaultValue:null,description:"Callback fired when the component mounts.\nThis is useful when you want to trigger an action programmatically.\nIt supports two actions: `updateIndicator()` and `updateScrollButtons()`\n@param actions This object contains all possible actions\nthat can be triggered programmatically.",name:"action",required:!1,type:{name:"Ref<TabsActions>"}},allowScrollButtonsMobile:{defaultValue:{value:"false"},description:"If `true`, the scroll buttons aren't forced hidden on mobile.\nBy default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.",name:"allowScrollButtonsMobile",required:!1,type:{name:"boolean"}},"aria-label":{defaultValue:null,description:"The label for the Tabs as a string.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"An id or list of ids separated by a space that label the Tabs.",name:"aria-labelledby",required:!1,type:{name:"string"}},centered:{defaultValue:{value:"false"},description:"If `true`, the tabs are centered.\nThis prop is intended for large views.",name:"centered",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TabsClasses> & Partial<ClassNameMap<never>>)"}},indicatorColor:{defaultValue:{value:"'primary'"},description:"Determines the color of the indicator.",name:"indicatorColor",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},onChange:{defaultValue:null,description:"Callback fired when the value changes.\n@param event The event source of the callback. **Warning**: This is a generic event not a change event.\n@param value We default to the index of the child (number)",name:"onChange",required:!1,type:{name:"((event: SyntheticEvent<Element, Event>, value: any) => void)"}},orientation:{defaultValue:{value:"'horizontal'"},description:"The component orientation (layout flow direction).",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},ScrollButtonComponent:{defaultValue:{value:"TabScrollButton"},description:"The component used to render the scroll buttons.",name:"ScrollButtonComponent",required:!1,type:{name:"ElementType<any>"}},scrollButtons:{defaultValue:{value:"'auto'"},description:"Determine behavior of scroll buttons when tabs are set to scroll:\n\n- `auto` will only present them when not all the items are visible.\n- `true` will always present them.\n- `false` will never present them.\n\nBy default the scroll buttons are hidden on mobile.\nThis behavior can be disabled with `allowScrollButtonsMobile`.",name:"scrollButtons",required:!1,type:{name:'boolean | "auto"'}},selectionFollowsFocus:{defaultValue:null,description:"If `true` the selected tab changes on focus. Otherwise it only\nchanges on activation.",name:"selectionFollowsFocus",required:!1,type:{name:"boolean"}},TabIndicatorProps:{defaultValue:{value:"{}"},description:"Props applied to the tab indicator element.",name:"TabIndicatorProps",required:!1,type:{name:"(HTMLAttributes<HTMLDivElement> & { sx?: SxProps<Theme>; })"}},TabScrollButtonProps:{defaultValue:{value:"{}"},description:"Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.",name:"TabScrollButtonProps",required:!1,type:{name:"Partial<TabScrollButtonProps>"}},textColor:{defaultValue:{value:"'primary'"},description:"Determines the color of the `Tab`.",name:"textColor",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'}]}},value:{defaultValue:null,description:"The value of the currently selected `Tab`.\nIf you don't want any selected `Tab`, you can set this prop to `false`.",name:"value",required:!1,type:{name:"any"}},variant:{defaultValue:{value:"'standard'"},description:"Determines additional display behavior of the tabs:\n\n- `scrollable` will invoke scrolling properties and allow for horizontally\nscrolling (or swiping) of the tab bar.\n-`fullWidth` will make the tabs grow to use all the available space,\nwhich should be used for small views, like on mobile.\n- `standard` will render the default state.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"fullWidth"'},{value:'"standard"'},{value:'"scrollable"'}]}},visibleScrollbar:{defaultValue:{value:"false"},description:"If `true`, the scrollbar is visible. It can be useful when displaying\na long vertical list of tabs.",name:"visibleScrollbar",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledTabs"]={docgenInfo:StyledTabs.__docgenInfo,name:"StyledTabs",path:"src/styles/index.tsx#StyledTabs"})}catch(__react_docgen_typescript_loader_error){}try{StyledBox.displayName="StyledBox",StyledBox.__docgenInfo={description:"",displayName:"StyledBox",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | "hidden" | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledBox"]={docgenInfo:StyledBox.__docgenInfo,name:"StyledBox",path:"src/styles/index.tsx#StyledBox"})}catch(__react_docgen_typescript_loader_error){}try{StyledMetadataItem.displayName="StyledMetadataItem",StyledMetadataItem.__docgenInfo={description:"",displayName:"StyledMetadataItem",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | "hidden" | (string & {}) | "inset" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},align:{defaultValue:{value:"'inherit'"},description:"Set the text-align on the component.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"left"'},{value:'"right"'},{value:'"inherit"'},{value:'"justify"'}]}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TypographyClasses> & Partial<ClassNameMap<never>>)"}},gutterBottom:{defaultValue:{value:"false"},description:"If `true`, the text will have a bottom margin.",name:"gutterBottom",required:!1,type:{name:"boolean"}},noWrap:{defaultValue:{value:"false"},description:"If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n\nNote that text overflow can only happen with block or inline-block level elements\n(the element needs to have a width in order to overflow).",name:"noWrap",required:!1,type:{name:"boolean"}},paragraph:{defaultValue:{value:"false"},description:"If `true`, the element will be a paragraph element.",name:"paragraph",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'body1'"},description:"Applies the theme typography styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"subtitle1"'},{value:'"subtitle2"'},{value:'"body1"'},{value:'"body2"'},{value:'"caption"'},{value:'"button"'},{value:'"overline"'},{value:'"inherit"'}]}},variantMapping:{defaultValue:{value:"{\nh1: 'h1',\nh2: 'h2',\nh3: 'h3',\nh4: 'h4',\nh5: 'h5',\nh6: 'h6',\nsubtitle1: 'h6',\nsubtitle2: 'h6',\nbody1: 'p',\nbody2: 'p',\ninherit: 'p',\n}"},description:"The component maps the variant prop to a range of different HTML element types.\nFor instance, subtitle1 to `<h6>`.\nIf you wish to change that mapping, you can provide your own.\nAlternatively, you can use the `component` prop.",name:"variantMapping",required:!1,type:{name:'Partial<Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "inherit", string>>'}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledMetadataItem"]={docgenInfo:StyledMetadataItem.__docgenInfo,name:"StyledMetadataItem",path:"src/styles/index.tsx#StyledMetadataItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/utils/helpers/buildMapper.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";Intl.DateTimeFormat().resolvedOptions().timeZone},"./src/utils/helpers/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O5:()=>getIconForStyleType,I7:()=>getStylesForStyleType,oA:()=>isPathAbsolute,Wc:()=>reorderArray,v2:()=>requestedPackageParser});const reorderArray=({list,startIndex,endIndex})=>{const result=JSON.parse(JSON.stringify(list)),[removed]=result.splice(startIndex,1);return result.splice(endIndex,0,removed),result},requestedPackageParser=requestedPackageName=>{const splittedPackageName=requestedPackageName.split(/(>=|<=|<|>|==|=)/g),name=splittedPackageName[0];let version="",constraint="latest";return splittedPackageName.length>1&&(constraint=splittedPackageName[1],version=splittedPackageName[2]),{name,version,constraint}};__webpack_require__("./src/utils/helpers/buildMapper.ts");const isPathAbsolute=path=>new RegExp("^(?:[a-z]+:)?//","i").test(path);var react=__webpack_require__("./node_modules/react/index.js"),preferences=__webpack_require__("./src/preferences.tsx");const getStylesForStyleType=(grayscaleStyles,greenAccentStyles)=>{if(!greenAccentStyles)return grayscaleStyles;return"grayscale"===react.useContext(preferences.uo).styleType?grayscaleStyles:greenAccentStyles},getIconForStyleType=(grayscaleIcon,greenAccentIcon)=>{if(!greenAccentIcon)return grayscaleIcon;return"grayscale"===react.useContext(preferences.uo).styleType?grayscaleIcon:greenAccentIcon}},"./src/docs/markdown sync ^\\.[\\\\/](?:(?%21\\.)(?=.)[^/]*?\\.md)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./CONFIGURATION.md":"./src/docs/markdown/CONFIGURATION.md","./GETTING_STARTED.md":"./src/docs/markdown/GETTING_STARTED.md","./INSTALL.md":"./src/docs/markdown/INSTALL.md","./INTRODUCTION.md":"./src/docs/markdown/INTRODUCTION.md","./RUN.md":"./src/docs/markdown/RUN.md","./START.md":"./src/docs/markdown/START.md"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src/docs/markdown sync ^\\.[\\\\/](?:(?%21\\.)(?=.)[^/]*?\\.md)$"},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./features/artifacts/stories/ArtifactsList.stories.tsx":"./src/features/artifacts/stories/ArtifactsList.stories.tsx","./features/channels/stories/ChannelsEdit.stories.tsx":"./src/features/channels/stories/ChannelsEdit.stories.tsx","./features/channels/stories/ChannelsList.stories.tsx":"./src/features/channels/stories/ChannelsList.stories.tsx","./features/dependencies/stories/Dependencies.stories.tsx":"./src/features/dependencies/stories/Dependencies.stories.tsx","./features/environments/stories/Environments.stories.tsx":"./src/features/environments/stories/Environments.stories.tsx","./features/requestedPackages/stories/RequestedPackageList.stories.tsx":"./src/features/requestedPackages/stories/RequestedPackageList.stories.tsx","./features/requestedPackages/stories/RequestedPackagesEdit.stories.tsx":"./src/features/requestedPackages/stories/RequestedPackagesEdit.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx))$"},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./docs/Installation.stories.mdx":"./src/docs/Installation.stories.mdx","./docs/Testing.stories.mdx":"./src/docs/Testing.stories.mdx","./docs/Welcome.stories.mdx":"./src/docs/Welcome.stories.mdx","./docs/configuration.stories.mdx":"./src/docs/configuration.stories.mdx","./docs/gettingStarted.stories.mdx":"./src/docs/gettingStarted.stories.mdx","./docs/release.stories.mdx":"./src/docs/release.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},"?4f7e":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./src/docs/markdown sync ^\\.[\\\\/](?:(?%21\\.)(?=.)[^/]*?\\.md)$"),__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx))$")],module,!1)}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[702],(()=>(__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-interactions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-a11y/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_exec__("./.storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"))));__webpack_require__.O()}]);
\ No newline at end of file
+(self.webpackChunk_conda_store_conda_store_ui=self.webpackChunk_conda_store_conda_store_ui||[]).push([[179],{"./src/docs/Installation.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;_interopRequireDefault(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_INSTALL=_interopRequireDefault(__webpack_require__("./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/INSTALL.md")),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Installation",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)(_addonDocs.Description,{markdown:_INSTALL.default,mdxType:"Description"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Installation",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/Testing.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Testing",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)("h1",null,"Unit Testing"),(0,_react2.mdx)("p",null,"We currently use jest in order to run unit tests. "),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"yarn test     // find every test with the .test.[tsx|ts] extension\nyarn report   // show coverage collected after running the first command in the browser\nyarn report test/AddChannel.test.tsx     // run a single test instead of all\n")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Testing",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/Welcome.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"Welcome",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)("h1",null,"Introduction"),(0,_react2.mdx)("p",null,"Welcome to the conda-store-ui project documentation! conda-store-ui is a frontend for conda-store, allowing interaction with environments through its interface. "),(0,_react2.mdx)("p",null,"As a pre-requisite, you will need to have access to a running instance of conda-store."),(0,_react2.mdx)("p",null,"If you'd like to check conda-store out first, visit ",(0,_react2.mdx)("a",{parentName:"p",href:"https://conda.store/en/latest"},"conda.store")),(0,_react2.mdx)("h2",null,"Docs"),(0,_react2.mdx)("p",null,"The Documentation for the application, its features, and its usage can be found here. "),(0,_react2.mdx)("h2",null,"Features"),(0,_react2.mdx)("p",null,"These are the components that ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui")," is built on, and provides a playground for these pieces."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"Welcome",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/configuration.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;_interopRequireDefault(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_CONFIGURATION=_interopRequireDefault(__webpack_require__("./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/CONFIGURATION.md")),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Configuration",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)(_addonDocs.Description,{markdown:_CONFIGURATION.default,mdxType:"Description"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Configuration",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/gettingStarted.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;_interopRequireDefault(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_START=_interopRequireDefault(__webpack_require__("./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/START.md")),_excluded=["components"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Getting Started",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)(_addonDocs.Description,{markdown:_START.default,mdxType:"Description"}))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Getting Started",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/CONFIGURATION.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("h1",null,"Configuration"),(0,_react2.mdx)("p",null,"The configuration for conda-store-ui, including the connection details to conda-store, can be done :"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},"either at compile time, using a ",(0,_react2.mdx)("inlineCode",{parentName:"li"},".env")," file."),(0,_react2.mdx)("li",{parentName:"ul"},"or at runtime, using ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"condaStoreConfig")," variable")),(0,_react2.mdx)("h2",null,"At compile time, using ",(0,_react2.mdx)("inlineCode",{parentName:"h2"},".env")),(0,_react2.mdx)("p",null,"conda-store-ui looks for a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},".env")," file when packing the bundle.\nBelow, you'll find the options and the listed descriptions. You are welcome to copy this configuration, otherwise, you can copy and rename the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},".env.example")," file provided in the repository."),(0,_react2.mdx)("p",null,"Sample File:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-.env"},"REACT_APP_API_URL=http://localhost:8080/conda-store\nREACT_APP_AUTH_METHOD=cookie\nREACT_APP_LOGIN_PAGE_URL=http://localhost:8080/conda-store/login?next=\nREACT_APP_AUTH_TOKEN=\nREACT_APP_STYLE_TYPE=grayscale\nREACT_APP_SHOW_AUTH_BUTTON=true\nREACT_APP_LOGOUT_PAGE_URL=http://localhost:8080/conda-store/logout?next=/\n")),(0,_react2.mdx)("h2",null,"At runtime, using ",(0,_react2.mdx)("inlineCode",{parentName:"h2"},"condaStoreConfig")),(0,_react2.mdx)("p",null,"When using a webpacked version of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui"),", you might want to pass it a configuration.\nIn your HTML file, add the following ",(0,_react2.mdx)("strong",{parentName:"p"},"before")," loading the react app :"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-html"},'<script>\n    const condaStoreConfig = {\n        REACT_APP_AUTH_METHOD: "cookie",\n        REACT_APP_AUTH_TOKEN: "",\n        REACT_APP_STYLE_TYPE: "grayscale",\n        REACT_APP_SHOW_AUTH_BUTTON: "true",\n        REACT_APP_API_URL: "http://localhost:8080/conda-store",\n        REACT_APP_LOGIN_PAGE_URL: "http://localhost:8080/conda-store/login?next=",\n        REACT_APP_LOGOUT_PAGE_URL: "http://localhost:8080/conda-store/logout?next=/",\n    };\n<\/script>\n')),(0,_react2.mdx)("h2",null,"Options"),(0,_react2.mdx)("p",null,"The possible options are stored in a key-value format."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_API_URL")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"Base API url that will be used when creating RTK Query queries"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_AUTH_METHOD")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"Preferred method of authentication."),(0,_react2.mdx)("p",null,"Options:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"cookie"))),(0,_react2.mdx)("p",null,"Lets users authenticate by logging into ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store"),". This is the preferred method of authentication."),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"token"))),(0,_react2.mdx)("p",null,"Lets users utilize a token generated by ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store")," to authenticate to the server."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_LOGIN_PAGE_URL")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"The URL endpoint used for login authentication."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_LOGOUT_PAGE_URL")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"The URL endpoint used for logout authentication."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_AUTH_TOKEN")),(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"null")," / ",(0,_react2.mdx)("inlineCode",{parentName:"td"},"string"))))),(0,_react2.mdx)("p",null,"If using the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"token")," method for authentication, then input the token as a string.\nOtherwise, leave blank."),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_STYLE_TYPE")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"string")))),(0,_react2.mdx)("p",null,"Options:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},(0,_react2.mdx)("inlineCode",{parentName:"p"},"grayscale"))),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},(0,_react2.mdx)("inlineCode",{parentName:"p"},"green-accent")))),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",{parentName:"tr",align:null},"Key"),(0,_react2.mdx)("th",{parentName:"tr",align:null},"Value"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",{parentName:"tr",align:null},(0,_react2.mdx)("inlineCode",{parentName:"td"},"REACT_APP_SHOW_AUTH_BUTTON")),(0,_react2.mdx)("td",{parentName:"tr",align:null},"bool")))),(0,_react2.mdx)("p",null,"Options:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"true"))),(0,_react2.mdx)("p",null,"Show the login icon in the top menubar."),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"false"))),(0,_react2.mdx)("p",null,"Hide the login icon in the top menubar."))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/GETTING_STARTED.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/INSTALL.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("h1",null,"Installation"),(0,_react2.mdx)("p",null,"There are multiple ways to utilize ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui"),". Here, we'll be looking at the supported methods of installation."),(0,_react2.mdx)("h2",null,"Local Installation"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"Note")," that for installing from source, you will stil need a running conda-store somewhere. The easiest way to do this locally is by running conda-store with docker-compose."),(0,_react2.mdx)("p",null,"1) Clone the ",(0,_react2.mdx)("a",{parentName:"p",href:"https://github.com/conda-incubator/conda-store-ui.git"},"conda-store-ui")," repository."),(0,_react2.mdx)("p",null,"2) If you have an instance of conda-store you plan to connect to, skip this step. Otherwise, start it using docker."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"git clone https://github.com/conda-incubator/conda-store-ui.git\ncd conda-store-ui\ndocker-compose -f docker-compose-dev.yml up --build\n")),(0,_react2.mdx)("p",null,"3) Create a conda environment with yarn:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},'conda create -n "conda-store-ui"\nconda activate "conda-store-ui"\nconda install -c conda-forge yarn\n')),(0,_react2.mdx)("p",null,"4) Create a configuration file for the frontend. Refer to the Configuration section."),(0,_react2.mdx)("p",null,"5) From the root of the repository, run:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"yarn\nyarn run build\nyarn run start\n")),(0,_react2.mdx)("h2",null,"Docker Installation"),(0,_react2.mdx)("p",null,"We provide a oneshot docker-compose file for development purposes. This has been tested with the latest version of docker desktop and docker-compose, and it provides a fresh instance of conda-store."),(0,_react2.mdx)("p",null,"1) Clone the ",(0,_react2.mdx)("a",{parentName:"p",href:"https://github.com/conda-incubator/conda-store-ui.git"},"conda-store-ui")," repository."),(0,_react2.mdx)("p",null,"2) Start the docker-compose stack."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"cd conda-store-ui\ndocker compose up --build\n")),(0,_react2.mdx)("p",null,"3) Access conda-store-ui at ",(0,_react2.mdx)("a",{parentName:"p",href:"http://localhost/"},"localhost")),(0,_react2.mdx)("p",null,"4) Login by locating the login icon, and clicking on it. The default login combination is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"username/password"),"."))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/INTRODUCTION.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("h1",null,"Introduction"),(0,_react2.mdx)("p",null,"Welcome to the conda-store-ui project documentation! conda-store-ui is a frontend for conda-store, allowing interaction with environments through its interface. "),(0,_react2.mdx)("p",null,"As a pre-requiste, you will need to have access to a running instance of conda-store."),(0,_react2.mdx)("p",null,"If you'd like to check conda-store out first, visit ",(0,_react2.mdx)("a",{parentName:"p",href:"https://conda.store/en/latest"},"conda.store")),(0,_react2.mdx)("h2",null,"Docs"),(0,_react2.mdx)("p",null,"The Documentation for the application, its features, and its usage can be found here. "),(0,_react2.mdx)("h2",null,"Features"),(0,_react2.mdx)("p",null,"These are the components that ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui")," is built on, and provides a playground for these pieces."))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/RUN.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/markdown/START.md":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)("h1",null,"Getting Started"),(0,_react2.mdx)("p",null,"Hello, welcome to our getting started guide! This guide aims to be the current best way to get ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"conda-store-ui")," up and running!"),(0,_react2.mdx)("h2",null,"Local Deployment"),(0,_react2.mdx)("p",null,"For a local deployment, we recommend that you use our provided docker compose file. The docker compose file contains ",(0,_react2.mdx)("em",{parentName:"p"},"both")," conda-store and conda-store-server, so it is perfect for a playground!"),(0,_react2.mdx)("hr",null),(0,_react2.mdx)("h3",null,"1) Clone the repository and ",(0,_react2.mdx)("inlineCode",{parentName:"h3"},"cd")," into the root"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"git clone https://github.com/conda-incubator/conda-store-ui.git\ncd conda-store-ui\n")),(0,_react2.mdx)("h3",null,"2) Start Docker Compose"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",{parentName:"pre",className:"language-bash"},"docker compose up --build\n")),(0,_react2.mdx)("h3",null,"3) Access conda-store-ui, running at ",(0,_react2.mdx)("a",{parentName:"h3",href:"https://localhost"},"localhost")),(0,_react2.mdx)("p",null,"Since this Dockerfile came bundled with conda-store, all that's left to worry about is authenticating to the server."),(0,_react2.mdx)("h3",null,"4) Login by locating the login icon, and clicking on it."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"Note")," The default login combination is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"username/password")))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./src/docs/release.stories.mdx":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;(function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}})(__webpack_require__("./node_modules/react/index.js"));var _react2=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_addonDocs=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_react2.mdx)(MDXLayout,_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_addonDocs.Meta,{title:"docs/Releasing",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},mdxType:"Meta"}),(0,_react2.mdx)("h1",null,"Release a new version"),(0,_react2.mdx)("p",null,"In order to create a new version of this package, follow these steps:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},"Merge PR's and all of the things you want to main, and checkout main")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},"Bump the version number in package.json")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},"Go to the releases tab, and create a new release. Note that the release version tag must match the new version from package.json")),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("p",{parentName:"li"},"Wait for actions to execute and the new package will be uploaded to npm"))),(0,_react2.mdx)("p",null,"Latest Release: ",(0,_react2.mdx)("a",{parentName:"p",href:"https://libraries.io/npm/@conda-store%2Fconda-store-ui"},"https://libraries.io/npm/@conda-store%2Fconda-store-ui")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.parameters={docsOnly:!0};var componentMeta={title:"docs/Releasing",parameters:{previewTabs:{"storybook/docs/panel":{index:-1},canvas:{disable:!0}},viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return(0,_react2.mdx)(_addonDocs.AddContext,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},"./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/CONFIGURATION.md":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__='# Configuration\n\nThe configuration for conda-store-ui, including the connection details to conda-store, can be done :\n- either at compile time, using a `.env` file.\n- or at runtime, using `condaStoreConfig` variable\n\n\n## At compile time, using `.env`\n\nconda-store-ui looks for a `.env` file when packing the bundle.\nBelow, you\'ll find the options and the listed descriptions. You are welcome to copy this configuration, otherwise, you can copy and rename the `.env.example` file provided in the repository.\n\nSample File:\n\n```.env\nREACT_APP_API_URL=http://localhost:8080/conda-store\nREACT_APP_AUTH_METHOD=cookie\nREACT_APP_LOGIN_PAGE_URL=http://localhost:8080/conda-store/login?next=\nREACT_APP_AUTH_TOKEN=\nREACT_APP_STYLE_TYPE=grayscale\nREACT_APP_SHOW_AUTH_BUTTON=true\nREACT_APP_LOGOUT_PAGE_URL=http://localhost:8080/conda-store/logout?next=/\n```\n\n## At runtime, using `condaStoreConfig`\n\nWhen using a webpacked version of `conda-store-ui`, you might want to pass it a configuration.\nIn your HTML file, add the following **before** loading the react app :\n\n```html\n<script>\n    const condaStoreConfig = {\n        REACT_APP_AUTH_METHOD: "cookie",\n        REACT_APP_AUTH_TOKEN: "",\n        REACT_APP_STYLE_TYPE: "grayscale",\n        REACT_APP_SHOW_AUTH_BUTTON: "true",\n        REACT_APP_API_URL: "http://localhost:8080/conda-store",\n        REACT_APP_LOGIN_PAGE_URL: "http://localhost:8080/conda-store/login?next=",\n        REACT_APP_LOGOUT_PAGE_URL: "http://localhost:8080/conda-store/logout?next=/",\n    };\n<\/script>\n```\n\n\n## Options\n\nThe possible options are stored in a key-value format.\n\n| Key                | Value  |\n|--------------------|--------|\n|`REACT_APP_API_URL` | string |\n\nBase API url that will be used when creating RTK Query queries\n\n| Key                    | Value  |\n|------------------------|--------|\n|`REACT_APP_AUTH_METHOD` | string |\n\nPreferred method of authentication.\n\nOptions:\n\n* `cookie`\n\nLets users authenticate by logging into `conda-store`. This is the preferred method of authentication.\n\n* `token`\n\nLets users utilize a token generated by `conda-store` to authenticate to the server.\n\n| Key                       | Value  |\n|---------------------------|--------|\n|`REACT_APP_LOGIN_PAGE_URL` | string |\n\nThe URL endpoint used for login authentication.\n\n| Key                        | Value  |\n|----------------------------|--------|\n|`REACT_APP_LOGOUT_PAGE_URL` | string |\n\nThe URL endpoint used for logout authentication.\n\n| Key                    | Value              |\n|------------------------|--------------------|\n|`REACT_APP_AUTH_TOKEN`  | `null` / `string`  |\n\nIf using the `token` method for authentication, then input the token as a string.\nOtherwise, leave blank.\n\n| Key                       | Value  |\n|---------------------------|--------|\n|`REACT_APP_STYLE_TYPE`     | string |\n\nOptions:\n\n* `grayscale`\n\n* `green-accent`\n\n| Key                        | Value  |\n|----------------------------|--------|\n|`REACT_APP_SHOW_AUTH_BUTTON`|  bool  |\n\nOptions:\n\n* `true`\n\nShow the login icon in the top menubar.\n\n* `false`\n\nHide the login icon in the top menubar.\n\n\n\n'},"./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/INSTALL.md":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__='# Installation\n\nThere are multiple ways to utilize `conda-store-ui`. Here, we\'ll be looking at the supported methods of installation.\n\n## Local Installation\n\n**Note** that for installing from source, you will stil need a running conda-store somewhere. The easiest way to do this locally is by running conda-store with docker-compose.\n\n1) Clone the [conda-store-ui](https://github.com/conda-incubator/conda-store-ui.git) repository.\n\n2) If you have an instance of conda-store you plan to connect to, skip this step. Otherwise, start it using docker.\n\n```bash\ngit clone https://github.com/conda-incubator/conda-store-ui.git\ncd conda-store-ui\ndocker-compose -f docker-compose-dev.yml up --build\n```\n\n3) Create a conda environment with yarn:\n\n```bash\nconda create -n "conda-store-ui"\nconda activate "conda-store-ui"\nconda install -c conda-forge yarn\n```\n\n4) Create a configuration file for the frontend. Refer to the Configuration section.\n\n5) From the root of the repository, run:\n\n```bash\nyarn\nyarn run build\nyarn run start\n```\n\n## Docker Installation\n\nWe provide a oneshot docker-compose file for development purposes. This has been tested with the latest version of docker desktop and docker-compose, and it provides a fresh instance of conda-store.\n\n1) Clone the [conda-store-ui](https://github.com/conda-incubator/conda-store-ui.git) repository.\n\n2) Start the docker-compose stack.\n\n```bash\ncd conda-store-ui\ndocker compose up --build\n```\n\n3) Access conda-store-ui at [localhost](http://localhost/)\n\n4) Login by locating the login icon, and clicking on it. The default login combination is `username/password`.\n\n\n'},"./node_modules/raw-loader/dist/cjs.js!./src/docs/markdown/START.md":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__="# Getting Started\n\nHello, welcome to our getting started guide! This guide aims to be the current best way to get `conda-store-ui` up and running!\n\n## Local Deployment\n\nFor a local deployment, we recommend that you use our provided docker compose file. The docker compose file contains _both_ conda-store and conda-store-server, so it is perfect for a playground!\n\n------------------------\n\n### 1) Clone the repository and `cd` into the root\n\n```bash\ngit clone https://github.com/conda-incubator/conda-store-ui.git\ncd conda-store-ui\n```\n\n### 2) Start Docker Compose\n\n```bash\ndocker compose up --build\n```\n\n### 3) Access conda-store-ui, running at [localhost](https://localhost)\n\nSince this Dockerfile came bundled with conda-store, all that's left to worry about is authenticating to the server.\n\n### 4) Login by locating the login icon, and clicking on it.\n\n**Note** The default login combination is `username/password`\n"},"./.storybook/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{parameters:()=>parameters});var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js"),createTheme=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js"),ThemeProvider=__webpack_require__("./node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js"),react=__webpack_require__("./node_modules/react/index.js");const theme=(0,createTheme.Z)({typography:{fontFamily:'"Inter", sans-serif'},palette:{primary:{main:"#C4C4C4"},secondary:{main:"#7E7E7E"}}}),themeDecorator=func=>react.createElement(ThemeProvider.Z,{theme},func());try{themeDecorator.displayName="themeDecorator",themeDecorator.__docgenInfo={description:"",displayName:"themeDecorator",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/theme.tsx#themeDecorator"]={docgenInfo:themeDecorator.__docgenInfo,name:"themeDecorator",path:"src/theme.tsx#themeDecorator"})}catch(__react_docgen_typescript_loader_error){}const parameters={options:{storySort:{order:["Welcome","docs",["Getting Started","Installation","Configuration","Testing","Releasing","Extensions",["JupyterLab"]]]}}};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(0,client.addDecorator)(themeDecorator),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return(0,ClientApi.My)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return(0,ClientApi._C)(enhancer)}));case"render":return(0,ClientApi.$P)(value);case"globals":case"globalTypes":var v={};return v[key]=value,(0,ClientApi.h1)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./storybook-init-framework-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},"./src/components/Dialog.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/styles/index.tsx");const AlertDialog=({title,description,isOpen,closeAction,confirmAction})=>React.createElement(Dialog,{open:isOpen,onClose:closeAction},React.createElement(DialogTitle,{sx:{fontFamily:'"Inter", sans-serif',fontSize:"16px",color:"#333",fontWeight:600}},title),React.createElement(DialogContent,null,React.createElement(DialogContentText,{sx:{fontSize:"13px",fontFamily:'"Inter", sans-serif',color:"#333"}},description)),React.createElement(DialogActions,null,React.createElement(StyledButtonPrimary,{sx:{backgroundColor:"#b1b3b5"},onClick:closeAction},"Cancel"),React.createElement(StyledButtonPrimary,{onClick:()=>confirmAction()},"Delete")));try{AlertDialog.displayName="AlertDialog",AlertDialog.__docgenInfo={description:"",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},closeAction:{defaultValue:null,description:"",name:"closeAction",required:!0,type:{name:"() => void"}},confirmAction:{defaultValue:null,description:"",name:"confirmAction",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dialog.tsx#AlertDialog"]={docgenInfo:AlertDialog.__docgenInfo,name:"AlertDialog",path:"src/components/Dialog.tsx#AlertDialog"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e0:()=>ArrowIcon_ArrowIcon,VW:()=>BlockContainer_BlockContainer,MC:()=>ChannelIcon_ChannelIcon,Vt:()=>CondaLogo_CondaLogo,wU:()=>ConstraintSelect_ConstraintSelect,zF:()=>DeleteIconAlt_DeleteIconAlt,ED:()=>GroupIconAlt_GroupIconAlt,IM:()=>SearchIconAlt_SearchIconAlt,rG:()=>UploadIcon_UploadIcon,Np:()=>VersionSelect_VersionSelect});var Select=__webpack_require__("./node_modules/@mui/material/Select/Select.js"),MenuItem=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.js"),react=__webpack_require__("./node_modules/react/index.js"),helpers=__webpack_require__("./src/utils/helpers/index.ts");const ConstraintSelect_ConstraintSelect=({constraint,onUpdate=value=>{}})=>{const selectedConstraint="=="===constraint?"=":constraint,inputStyles=(0,helpers.I7)({padding:"7px 9px !important",backgroundColor:"#ECECEC",borderRadius:"0px"},{padding:"7px 9px !important",backgroundColor:"#fff",borderRadius:"0px"});return react.createElement(Select.Z,{defaultValue:selectedConstraint,IconComponent:()=>null,onChange:e=>{e.target.value&&onUpdate(e.target.value)},sx:{borderRadius:"0px",width:"44px"},inputProps:{sx:inputStyles,"data-testid":"ConstraintSelectTest"}},["=",">","<",">=","<="].map((constraint=>react.createElement(MenuItem.Z,{key:constraint,value:constraint},constraint))))};try{ConstraintSelect_ConstraintSelect.displayName="ConstraintSelect",ConstraintSelect_ConstraintSelect.__docgenInfo={description:"",displayName:"ConstraintSelect",props:{constraint:{defaultValue:null,description:"@param constraint package version constraint",name:"constraint",required:!0,type:{name:"string | null"}},onUpdate:{defaultValue:{value:"(value: string) => {}"},description:"",name:"onUpdate",required:!1,type:{name:"((value: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ConstraintSelect.tsx#ConstraintSelect"]={docgenInfo:ConstraintSelect_ConstraintSelect.__docgenInfo,name:"ConstraintSelect",path:"src/components/ConstraintSelect.tsx#ConstraintSelect"})}catch(__react_docgen_typescript_loader_error){}var useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),ArrowDropDown=__webpack_require__("./node_modules/@mui/icons-material/ArrowDropDown.js"),IconButton=__webpack_require__("./node_modules/@mui/material/IconButton/IconButton.js"),esm=__webpack_require__("./node_modules/compare-versions/lib/esm/index.js"),semver=__webpack_require__("./node_modules/semver/index.js");const requestedPackageVersionApiSlice=__webpack_require__("./src/features/api/index.ts").g.injectEndpoints({endpoints:builder=>({getPackageVersionSuggestions:builder.query({query:dto=>`api/v1/package/?search=${dto.search}&exact=true&distinct_on=version&page=${dto.page}&order=desc&sort_by=version`})})}),{useLazyGetPackageVersionSuggestionsQuery}=requestedPackageVersionApiSlice;var reducer=__webpack_require__("./src/features/requestedPackages/reducer.ts"),hooks=__webpack_require__("./src/hooks.ts"),requestedPackages=__webpack_require__("./src/features/requestedPackages/index.tsx");const VersionSelect_VersionSelect=({version,name,onUpdate=value=>{}})=>{const{palette}=(0,useTheme.Z)(),reduxDispatch=(0,hooks.T)(),{buildPackagesCache}=(0,hooks.C)((state=>state.requestedPackages)),[open,setOpen]=(0,react.useState)(!1),[value,setValue]=(0,react.useState)(null!=version?version:""),[state,dispatch]=(0,react.useReducer)(reducer.Vo,reducer.E3),[triggerQuery]=useLazyGetPackageVersionSuggestionsQuery(),inputStyles=(0,helpers.I7)({padding:"7px 9px !important",backgroundColor:"#ECECEC",borderRadius:"0px"},{padding:"7px 9px !important",backgroundColor:"#fff",borderRadius:"0px"}),iconStyles=(0,helpers.I7)({backgroundColor:"#ECECEC",height:"37px",borderLeft:`2px solid  ${palette.primary.main}`},{backgroundColor:"#fff",height:"37px",borderLeft:"1px solid #BCBFC4"});(0,react.useEffect)((()=>{(async()=>{if(buildPackagesCache[name])return void dispatch({type:reducer.MF.DATA_FETCHED,payload:{data:buildPackagesCache[name].packages,count:buildPackagesCache[name].count}});dispatch({type:reducer.MF.LOADING,payload:{loading:!0}});const{data}=await triggerQuery({page:state.page,search:name.trim()});data&&(dispatch({type:reducer.MF.DATA_FETCHED,payload:{data:data.data,count:data.count}}),reduxDispatch((0,requestedPackages.MQ)({pkgName:name,packages:data.data,count:data.count}))),dispatch({type:reducer.MF.LOADING,payload:{loading:!1}})})()}),[]);const versionsList=(0,react.useMemo)((()=>{const uniqueVersions=new Set,result=[];let sortedVersions=[];state.data.forEach((packageVersions=>{const packageVersion=packageVersions.version;uniqueVersions.has(packageVersion)||(result.push(packageVersion),uniqueVersions.add(packageVersion))}));return sortedVersions=result.sort(((v1,v2)=>{const safeV1=((0,semver.coerce)(v1)||"").toString(),safeV2=((0,semver.coerce)(v2)||"").toString();return safeV1&&safeV2?(0,esm.n4)(safeV1,safeV2):1})),sortedVersions.forEach((v=>{""!==v&&""!==value&&v===value&&setValue(v)})),sortedVersions.reverse()}),[state.data]);return react.createElement(Select.Z,{value:versionsList.length>0?value:"",open,onClose:()=>setOpen(!1),onOpen:()=>setOpen(!0),onChange:e=>{onUpdate(e.target.value),setValue(e.target.value)},IconComponent:()=>react.createElement(IconButton.Z,{sx:{padding:"0px"},onClick:()=>setOpen((currState=>!currState))},react.createElement(ArrowDropDown.Z,{sx:iconStyles})),MenuProps:{PaperProps:{sx:{maxHeight:200}}},sx:{borderRadius:"0px",width:"110px",border:"none"},inputProps:{sx:inputStyles,"data-testid":"VersionSelectTest"}},react.createElement(MenuItem.Z,{key:"empty",value:"",sx:{height:"30px"}}," "),versionsList.map((v=>react.createElement(MenuItem.Z,{key:v,value:v},v))))};try{VersionSelect_VersionSelect.displayName="VersionSelect",VersionSelect_VersionSelect.__docgenInfo={description:"",displayName:"VersionSelect",props:{version:{defaultValue:null,description:"@param version package version\n@param name package name",name:"version",required:!0,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},onUpdate:{defaultValue:{value:"(value: string) => {}"},description:"",name:"onUpdate",required:!1,type:{name:"((value: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/VersionSelect.tsx#VersionSelect"]={docgenInfo:VersionSelect_VersionSelect.__docgenInfo,name:"VersionSelect",path:"src/components/VersionSelect.tsx#VersionSelect"})}catch(__react_docgen_typescript_loader_error){}var Box_Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),Typography_Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const BlockContainer_BlockContainer=({title,children})=>react.createElement(Box_Box.Z,{sx:{border:"1px solid #E0E0E0",paddingBottom:"15px"}},react.createElement(Box_Box.Z,{sx:{padding:"10px 15px",borderBottom:"1px solid #E0E0E0"}},react.createElement(Typography_Typography.Z,{"data-testid":"block-container-title",sx:{fontSize:"14px",fontWeight:600,color:"#333"}},title)),react.createElement(Box_Box.Z,{sx:{padding:"15px 15px 0 15px"}},children));try{BlockContainer_BlockContainer.displayName="BlockContainer",BlockContainer_BlockContainer.__docgenInfo={description:"",displayName:"BlockContainer",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BlockContainer.tsx#BlockContainer"]={docgenInfo:BlockContainer_BlockContainer.__docgenInfo,name:"BlockContainer",path:"src/components/BlockContainer.tsx#BlockContainer"})}catch(__react_docgen_typescript_loader_error){}const BlockContainerEditMode_BlockContainerEditMode=({title,children,onToggleEditMode,isEditMode})=>React.createElement(Box,{sx:{border:"1px solid #E0E0E0",paddingBottom:"15px"}},React.createElement(Box,{sx:{padding:"10px 15px",borderBottom:"1px solid #E0E0E0"}},React.createElement(Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"}},React.createElement(Typography,{"data-testid":"block-container-title",sx:{fontSize:"14px",fontWeight:600,color:"#333"}},title),React.createElement(FormControlLabel,{control:React.createElement(Switch,{checked:isEditMode,onClick:e=>onToggleEditMode(!isEditMode)}),label:React.createElement(Typography,{sx:{fontSize:"13px",color:"#333"}},isEditMode?"Switch to Standard View":"Switch to YAML Editor")}))),React.createElement(Box,{sx:{padding:"15px 15px 0 15px"}},children));try{BlockContainerEditMode_BlockContainerEditMode.displayName="BlockContainerEditMode",BlockContainerEditMode_BlockContainerEditMode.__docgenInfo={description:"",displayName:"BlockContainerEditMode",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},onToggleEditMode:{defaultValue:null,description:"",name:"onToggleEditMode",required:!0,type:{name:"(show: boolean) => void"}},isEditMode:{defaultValue:null,description:"",name:"isEditMode",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BlockContainerEditMode.tsx#BlockContainerEditMode"]={docgenInfo:BlockContainerEditMode_BlockContainerEditMode.__docgenInfo,name:"BlockContainerEditMode",path:"src/components/BlockContainerEditMode.tsx#BlockContainerEditMode"})}catch(__react_docgen_typescript_loader_error){}const Popup_Popup=({description,isVisible,onClose})=>{const handleClose=()=>{onClose({show:!isVisible,description:null})};return React.createElement(Snackbar,{anchorOrigin:{vertical:"bottom",horizontal:"right"},autoHideDuration:3e3,open:isVisible,onClose:handleClose},React.createElement(Alert,{severity:"success",sx:{width:"100%"},onClose:handleClose},description))};try{Popup_Popup.displayName="Popup",Popup_Popup.__docgenInfo={description:"",displayName:"Popup",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string | null"}},isVisible:{defaultValue:null,description:"",name:"isVisible",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Popup.tsx#Popup"]={docgenInfo:Popup_Popup.__docgenInfo,name:"Popup",path:"src/components/Popup.tsx#Popup"})}catch(__react_docgen_typescript_loader_error){}var preferences=__webpack_require__("./src/preferences.tsx");const CondaLogo_CondaLogo=props=>{const isGrayscaleStyleType="grayscale"===react.useContext(preferences.uo).styleType,colorTheme_gray=["#CCCFD2","#E4E4E5"],colorTheme_green=["#33A852","#B9D9BD"];return react.createElement("svg",{width:233,height:266,viewBox:"0 0 233 266",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M104.02 145.337c-29.376-16.22-58.646-32.615-87.987-48.905-9.366-5.2-15.938-1.338-15.95 9.33-.035 16.783-.011 33.566-.011 50.36 0 16.783.117 33.578-.07 50.361-.06 5.727 1.947 9.424 7.205 12.064 29.693 14.929 59.257 30.116 88.89 45.162 8.122 4.119 14.648.035 14.648-9.166.035-32.627-.071-65.242.094-97.869.035-5.469-2.16-8.767-6.819-11.337z",fill:isGrayscaleStyleType?colorTheme_gray[0]:colorTheme_green[0],fillOpacity:.4}),react.createElement("path",{d:"M128.877 145.337c29.376-16.22 58.646-32.615 87.987-48.905 9.365-5.2 15.937-1.338 15.949 9.33.035 16.783.012 33.566.012 50.36 0 16.783-.117 33.578.07 50.361.059 5.727-1.948 9.424-7.206 12.064-29.692 14.929-59.256 30.116-88.89 45.162-8.122 4.119-14.647.035-14.647-9.166-.035-32.627.07-65.242-.094-97.869-.035-5.469 2.16-8.767 6.819-11.337zM174.25 15.487h-18.203v10.035h18.203s-3.134-3.556-3.333-4.695c-.2-1.138 3.333-5.34 3.333-5.34z",fill:isGrayscaleStyleType?colorTheme_gray[1]:colorTheme_green[1],fillOpacity:.4}),react.createElement("path",{d:"M153.312 58.289c-1.526-1.96-4.178-4.002-7.957-6.103-3.779-2.1-7.054-3.709-9.812-4.8-2.769-1.092-7.053-2.723-12.863-4.906-5.668-2.183-9.776-4.107-12.323-5.774-2.546-1.667-3.814-3.52-3.814-5.563 0-2.617 1.091-4.612 3.274-5.997 2.089-1.326 4.39-1.995 6.89-2.054v-.082c10.374.692 22.557 1.901 32.626 2.5 1.808.105 2.183-.376 2.078-2.066-.751-12.37-10.129-20.515-22.346-22.534a50.123 50.123 0 00-3.462-.422c-7.429-.939-12.406-.282-14.096-.012-8.438.892-15.62 3.732-21.547 8.532-7.277 5.892-10.903 13.556-10.903 23.003 0 9.307 2.875 16.537 8.614 21.7 5.74 5.165 13.767 9.484 24.095 12.981 7.417 2.324 12.499 4.296 15.269 5.892 2.758 1.596 4.142 3.568 4.142 5.891 0 2.618-1.161 4.73-3.497 6.326-2.324 1.596-5.528 2.394-9.6 2.394a41.42 41.42 0 01-5.141-.328c-11.29-.822-19.834-2.054-31.124-2.934-1.55-.118-1.948.234-1.925 1.76.188 11.913 9.26 21.196 21.102 22.827 2.171.294 7.699 1.385 12.358 1.432 1.491.094 2.993.141 4.518.141 13.521 0 23.802-3.052 30.855-9.154 7.054-6.103 10.575-14.096 10.575-23.99 0-4.06-.623-7.698-1.855-10.902-1.22-3.216-2.605-5.798-4.131-7.758zM131.494 7.647c2.653.13 4.589 2.242 4.472 4.87-.118 2.641-2.254 4.578-4.894 4.46-2.606-.117-4.624-2.3-4.519-4.882.118-2.57 2.336-4.565 4.941-4.448z",fill:isGrayscaleStyleType?colorTheme_gray[0]:colorTheme_green[0],fillOpacity:.4}))};try{CondaLogo_CondaLogo.displayName="CondaLogo",CondaLogo_CondaLogo.__docgenInfo={description:"",displayName:"CondaLogo",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/CondaLogo.tsx#CondaLogo"]={docgenInfo:CondaLogo_CondaLogo.__docgenInfo,name:"CondaLogo",path:"src/components/icons/CondaLogo.tsx#CondaLogo"})}catch(__react_docgen_typescript_loader_error){}const GroupIconAlt_GroupIconAlt=props=>react.createElement("svg",{width:27,height:22,viewBox:"0 0 27 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M13.092 7.547a3.773 3.773 0 100-7.547 3.773 3.773 0 000 7.547z",fill:" #333"}),react.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.757 21.614c0-.515-2.155-10.294-8.08-10.294-5.926 0-8.081 9.78-8.081 10.294 0 .515 16.16.515 16.16 0z",fill:" #333"}),react.createElement("g",{opacity:.72,fill:" #333"},react.createElement("path",{d:"M21.27 11.53a2.886 2.886 0 100-5.771 2.886 2.886 0 000 5.77z"}),react.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.532 21.63c0-.361-1.374-7.215-5.155-7.215S16.22 21.27 16.22 21.63c0 .361 10.311.361 10.311 0z"})),react.createElement("g",{opacity:.72,fill:" #333"},react.createElement("path",{d:"M5.05 11.53a2.886 2.886 0 100-5.771 2.886 2.886 0 000 5.77z"}),react.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.312 21.63c0-.361-1.375-7.215-5.156-7.215C1.375 14.415 0 21.27 0 21.63c0 .361 10.312.361 10.312 0z"})));try{GroupIconAlt_GroupIconAlt.displayName="GroupIconAlt",GroupIconAlt_GroupIconAlt.__docgenInfo={description:"",displayName:"GroupIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/GroupIconAlt.tsx#GroupIconAlt"]={docgenInfo:GroupIconAlt_GroupIconAlt.__docgenInfo,name:"GroupIconAlt",path:"src/components/icons/GroupIconAlt.tsx#GroupIconAlt"})}catch(__react_docgen_typescript_loader_error){}const ArrowIcon_ArrowIcon=props=>react.createElement("svg",{width:7,height:13,viewBox:"0 0 7 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M0 12.82l6.29-6.41L0 0v12.82z",fill:"#5F6368"}));try{ArrowIcon_ArrowIcon.displayName="ArrowIcon",ArrowIcon_ArrowIcon.__docgenInfo={description:"",displayName:"ArrowIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ArrowIcon.tsx#ArrowIcon"]={docgenInfo:ArrowIcon_ArrowIcon.__docgenInfo,name:"ArrowIcon",path:"src/components/icons/ArrowIcon.tsx#ArrowIcon"})}catch(__react_docgen_typescript_loader_error){}const SearchIconAlt_SearchIconAlt=props=>react.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M13.09 12.64L17.53 17M7.77 15A7.06 7.06 0 10.66 7.94 7.08 7.08 0 007.77 15v0z",stroke:"#BCBFC4",strokeMiterlimit:10}));try{SearchIconAlt_SearchIconAlt.displayName="SearchIconAlt",SearchIconAlt_SearchIconAlt.__docgenInfo={description:"",displayName:"SearchIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/SearchIconAlt.tsx#SearchIconAlt"]={docgenInfo:SearchIconAlt_SearchIconAlt.__docgenInfo,name:"SearchIconAlt",path:"src/components/icons/SearchIconAlt.tsx#SearchIconAlt"})}catch(__react_docgen_typescript_loader_error){}const SquareIconAlt_SquareIconAlt=props=>React.createElement("svg",{width:13,height:13,viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},React.createElement("path",{d:"M12.42 1H1v11.42h11.42V1z",fill:"#fff",stroke:"#333",strokeMiterlimit:10,strokeLinecap:"round"}));try{SquareIconAlt_SquareIconAlt.displayName="SquareIconAlt",SquareIconAlt_SquareIconAlt.__docgenInfo={description:"",displayName:"SquareIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/SquareIconAlt.tsx#SquareIconAlt"]={docgenInfo:SquareIconAlt_SquareIconAlt.__docgenInfo,name:"SquareIconAlt",path:"src/components/icons/SquareIconAlt.tsx#SquareIconAlt"})}catch(__react_docgen_typescript_loader_error){}const DeleteIconAlt_DeleteIconAlt=props=>react.createElement("svg",{width:14,height:16,viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M5.088 1h4.094M5.088 1h4.094M1 1.819h12.232M5.48 5.09v6.55M8.755 5.09v6.55",stroke:"#333",strokeLinecap:"square"}),react.createElement("path",{clipRule:"evenodd",d:"M2.243 2.004v11.688c.072.595.338.892.798.892h8.188c.57.056.855-.242.855-.892V2.004H2.243z",stroke:"#333"}));try{DeleteIconAlt_DeleteIconAlt.displayName="DeleteIconAlt",DeleteIconAlt_DeleteIconAlt.__docgenInfo={description:"",displayName:"DeleteIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/DeleteIconAlt.tsx#DeleteIconAlt"]={docgenInfo:DeleteIconAlt_DeleteIconAlt.__docgenInfo,name:"DeleteIconAlt",path:"src/components/icons/DeleteIconAlt.tsx#DeleteIconAlt"})}catch(__react_docgen_typescript_loader_error){}const UploadIcon_UploadIcon=props=>react.createElement("svg",{width:12,height:16,viewBox:"0 0 12 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...props},react.createElement("path",{d:"M5.998 10.817V1m0 .09L2.343 4.745M5.998 1.09l3.656 3.655M10.907 14.688H1",stroke:"#333",strokeLinecap:"round",strokeLinejoin:"round"}));try{UploadIcon_UploadIcon.displayName="UploadIcon",UploadIcon_UploadIcon.__docgenInfo={description:"",displayName:"UploadIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/UploadIcon.tsx#UploadIcon"]={docgenInfo:UploadIcon_UploadIcon.__docgenInfo,name:"UploadIcon",path:"src/components/icons/UploadIcon.tsx#UploadIcon"})}catch(__react_docgen_typescript_loader_error){}const ChannelIcon_ChannelIcon=({color})=>react.createElement("svg",{width:12,height:15,viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{marginRight:"10px",marginLeft:"5px"}},react.createElement("path",{d:"M3.95 0H1.17A1.17 1.17 0 000 1.17v6.26C0 8.076.524 8.6 1.17 8.6h2.78a1.17 1.17 0 001.17-1.17V1.17A1.17 1.17 0 003.95 0zM3.95 10.07H1.17A1.17 1.17 0 000 11.24v1.96c0 .646.524 1.17 1.17 1.17h2.78a1.17 1.17 0 001.17-1.17v-1.96a1.17 1.17 0 00-1.17-1.17zM7.76 14.38h2.78a1.17 1.17 0 001.17-1.17V6.95a1.17 1.17 0 00-1.17-1.17H7.76a1.17 1.17 0 00-1.17 1.17v6.26c0 .646.524 1.17 1.17 1.17zM7.76 4.31h2.78a1.17 1.17 0 001.17-1.17V1.18A1.17 1.17 0 0010.54.01H7.76a1.17 1.17 0 00-1.17 1.17v1.96c0 .646.524 1.17 1.17 1.17z",fill:color}));try{ChannelIcon_ChannelIcon.displayName="ChannelIcon",ChannelIcon_ChannelIcon.__docgenInfo={description:"",displayName:"ChannelIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/ChannelIcon.tsx#ChannelIcon"]={docgenInfo:ChannelIcon_ChannelIcon.__docgenInfo,name:"ChannelIcon",path:"src/components/icons/ChannelIcon.tsx#ChannelIcon"})}catch(__react_docgen_typescript_loader_error){}try{CondaLogo.displayName="CondaLogo",CondaLogo.__docgenInfo={description:"",displayName:"CondaLogo",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#CondaLogo"]={docgenInfo:CondaLogo.__docgenInfo,name:"CondaLogo",path:"src/components/icons/index.tsx#CondaLogo"})}catch(__react_docgen_typescript_loader_error){}try{GroupIconAlt.displayName="GroupIconAlt",GroupIconAlt.__docgenInfo={description:"",displayName:"GroupIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#GroupIconAlt"]={docgenInfo:GroupIconAlt.__docgenInfo,name:"GroupIconAlt",path:"src/components/icons/index.tsx#GroupIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{ArrowIcon.displayName="ArrowIcon",ArrowIcon.__docgenInfo={description:"",displayName:"ArrowIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#ArrowIcon"]={docgenInfo:ArrowIcon.__docgenInfo,name:"ArrowIcon",path:"src/components/icons/index.tsx#ArrowIcon"})}catch(__react_docgen_typescript_loader_error){}try{SearchIconAlt.displayName="SearchIconAlt",SearchIconAlt.__docgenInfo={description:"",displayName:"SearchIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#SearchIconAlt"]={docgenInfo:SearchIconAlt.__docgenInfo,name:"SearchIconAlt",path:"src/components/icons/index.tsx#SearchIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{SquareIconAlt.displayName="SquareIconAlt",SquareIconAlt.__docgenInfo={description:"",displayName:"SquareIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#SquareIconAlt"]={docgenInfo:SquareIconAlt.__docgenInfo,name:"SquareIconAlt",path:"src/components/icons/index.tsx#SquareIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{DeleteIconAlt.displayName="DeleteIconAlt",DeleteIconAlt.__docgenInfo={description:"",displayName:"DeleteIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#DeleteIconAlt"]={docgenInfo:DeleteIconAlt.__docgenInfo,name:"DeleteIconAlt",path:"src/components/icons/index.tsx#DeleteIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{UploadIcon.displayName="UploadIcon",UploadIcon.__docgenInfo={description:"",displayName:"UploadIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#UploadIcon"]={docgenInfo:UploadIcon.__docgenInfo,name:"UploadIcon",path:"src/components/icons/index.tsx#UploadIcon"})}catch(__react_docgen_typescript_loader_error){}try{ChannelIcon.displayName="ChannelIcon",ChannelIcon.__docgenInfo={description:"",displayName:"ChannelIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/icons/index.tsx#ChannelIcon"]={docgenInfo:ChannelIcon.__docgenInfo,name:"ChannelIcon",path:"src/components/icons/index.tsx#ChannelIcon"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/components/Dialog.tsx");try{ConstraintSelect.displayName="ConstraintSelect",ConstraintSelect.__docgenInfo={description:"",displayName:"ConstraintSelect",props:{constraint:{defaultValue:null,description:"@param constraint package version constraint",name:"constraint",required:!0,type:{name:"string | null"}},onUpdate:{defaultValue:{value:"(value: string) => {}"},description:"",name:"onUpdate",required:!1,type:{name:"((value: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#ConstraintSelect"]={docgenInfo:ConstraintSelect.__docgenInfo,name:"ConstraintSelect",path:"src/components/index.tsx#ConstraintSelect"})}catch(__react_docgen_typescript_loader_error){}try{VersionSelect.displayName="VersionSelect",VersionSelect.__docgenInfo={description:"",displayName:"VersionSelect",props:{version:{defaultValue:null,description:"@param version package version\n@param name package name",name:"version",required:!0,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},onUpdate:{defaultValue:{value:"(value: string) => {}"},description:"",name:"onUpdate",required:!1,type:{name:"((value: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#VersionSelect"]={docgenInfo:VersionSelect.__docgenInfo,name:"VersionSelect",path:"src/components/index.tsx#VersionSelect"})}catch(__react_docgen_typescript_loader_error){}try{BlockContainer.displayName="BlockContainer",BlockContainer.__docgenInfo={description:"",displayName:"BlockContainer",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#BlockContainer"]={docgenInfo:BlockContainer.__docgenInfo,name:"BlockContainer",path:"src/components/index.tsx#BlockContainer"})}catch(__react_docgen_typescript_loader_error){}try{BlockContainerEditMode.displayName="BlockContainerEditMode",BlockContainerEditMode.__docgenInfo={description:"",displayName:"BlockContainerEditMode",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},onToggleEditMode:{defaultValue:null,description:"",name:"onToggleEditMode",required:!0,type:{name:"(show: boolean) => void"}},isEditMode:{defaultValue:null,description:"",name:"isEditMode",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#BlockContainerEditMode"]={docgenInfo:BlockContainerEditMode.__docgenInfo,name:"BlockContainerEditMode",path:"src/components/index.tsx#BlockContainerEditMode"})}catch(__react_docgen_typescript_loader_error){}try{Popup.displayName="Popup",Popup.__docgenInfo={description:"",displayName:"Popup",props:{description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string | null"}},isVisible:{defaultValue:null,description:"",name:"isVisible",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#Popup"]={docgenInfo:Popup.__docgenInfo,name:"Popup",path:"src/components/index.tsx#Popup"})}catch(__react_docgen_typescript_loader_error){}try{CondaLogo.displayName="CondaLogo",CondaLogo.__docgenInfo={description:"",displayName:"CondaLogo",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#CondaLogo"]={docgenInfo:CondaLogo.__docgenInfo,name:"CondaLogo",path:"src/components/index.tsx#CondaLogo"})}catch(__react_docgen_typescript_loader_error){}try{GroupIconAlt.displayName="GroupIconAlt",GroupIconAlt.__docgenInfo={description:"",displayName:"GroupIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#GroupIconAlt"]={docgenInfo:GroupIconAlt.__docgenInfo,name:"GroupIconAlt",path:"src/components/index.tsx#GroupIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{ArrowIcon.displayName="ArrowIcon",ArrowIcon.__docgenInfo={description:"",displayName:"ArrowIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#ArrowIcon"]={docgenInfo:ArrowIcon.__docgenInfo,name:"ArrowIcon",path:"src/components/index.tsx#ArrowIcon"})}catch(__react_docgen_typescript_loader_error){}try{SearchIconAlt.displayName="SearchIconAlt",SearchIconAlt.__docgenInfo={description:"",displayName:"SearchIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#SearchIconAlt"]={docgenInfo:SearchIconAlt.__docgenInfo,name:"SearchIconAlt",path:"src/components/index.tsx#SearchIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{SquareIconAlt.displayName="SquareIconAlt",SquareIconAlt.__docgenInfo={description:"",displayName:"SquareIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#SquareIconAlt"]={docgenInfo:SquareIconAlt.__docgenInfo,name:"SquareIconAlt",path:"src/components/index.tsx#SquareIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{DeleteIconAlt.displayName="DeleteIconAlt",DeleteIconAlt.__docgenInfo={description:"",displayName:"DeleteIconAlt",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#DeleteIconAlt"]={docgenInfo:DeleteIconAlt.__docgenInfo,name:"DeleteIconAlt",path:"src/components/index.tsx#DeleteIconAlt"})}catch(__react_docgen_typescript_loader_error){}try{UploadIcon.displayName="UploadIcon",UploadIcon.__docgenInfo={description:"",displayName:"UploadIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#UploadIcon"]={docgenInfo:UploadIcon.__docgenInfo,name:"UploadIcon",path:"src/components/index.tsx#UploadIcon"})}catch(__react_docgen_typescript_loader_error){}try{ChannelIcon.displayName="ChannelIcon",ChannelIcon.__docgenInfo={description:"",displayName:"ChannelIcon",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#ChannelIcon"]={docgenInfo:ChannelIcon.__docgenInfo,name:"ChannelIcon",path:"src/components/index.tsx#ChannelIcon"})}catch(__react_docgen_typescript_loader_error){}try{AlertDialog.displayName="AlertDialog",AlertDialog.__docgenInfo={description:"",displayName:"AlertDialog",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},closeAction:{defaultValue:null,description:"",name:"closeAction",required:!0,type:{name:"() => void"}},confirmAction:{defaultValue:null,description:"",name:"confirmAction",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/index.tsx#AlertDialog"]={docgenInfo:AlertDialog.__docgenInfo,name:"AlertDialog",path:"src/components/index.tsx#AlertDialog"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/api/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>apiSlice});var rtk_query_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/query/rtk-query.esm.js"),rtk_query_react_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/query/react/rtk-query-react.esm.js"),preferences=__webpack_require__("./src/preferences.tsx");const apiSlice=(0,rtk_query_react_esm.LC)({baseQuery:async(args,WebApi,extraOptions)=>{const baseUrl=preferences.p0.apiUrl;return(0,rtk_query_esm.ni)({baseUrl,credentials:"include",prepareHeaders:headers=>("token"===preferences.p0.authMethod&&preferences.p0.authToken&&headers.set("Authorization",`Bearer ${preferences.p0.authToken}`),headers)})(args,WebApi,extraOptions)},endpoints:builder=>({}),reducerPath:"api",refetchOnMountOrArgChange:!0,tagTypes:[]})},"./src/features/artifacts/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>ArtifactList_ArtifactList});var Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),Link=__webpack_require__("./node_modules/@mui/material/Link/Link.js"),react=__webpack_require__("./node_modules/react/index.js"),preferences=__webpack_require__("./src/preferences.tsx"),helpers=__webpack_require__("./src/utils/helpers/index.ts");const ArtifactsItem_ArtifactItem=({artifact})=>{const pref=react.useContext(preferences.uo),url=(0,helpers.oA)(pref.apiUrl)?pref.apiUrl:`${window.location.origin}${pref.apiUrl}`,route=new URL(artifact.route,url).toString();return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Link.Z,{href:route,underline:"none",sx:{color:"#333",fontSize:"13px"},target:"_blank"},artifact.name))};try{ArtifactsItem_ArtifactItem.displayName="ArtifactItem",ArtifactsItem_ArtifactItem.__docgenInfo={description:"",displayName:"ArtifactItem",props:{artifact:{defaultValue:null,description:"@param artifact type with the name and route properties",name:"artifact",required:!0,type:{name:"Artifact"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/components/ArtifactsItem.tsx#ArtifactItem"]={docgenInfo:ArtifactsItem_ArtifactItem.__docgenInfo,name:"ArtifactItem",path:"src/features/artifacts/components/ArtifactsItem.tsx#ArtifactItem"})}catch(__react_docgen_typescript_loader_error){}var CircularProgress=__webpack_require__("./node_modules/@mui/material/CircularProgress/CircularProgress.js"),ListItem=__webpack_require__("./node_modules/@mui/material/ListItem/ListItem.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),components=__webpack_require__("./src/components/index.tsx");const ArtifactList_ArtifactList=({artifacts})=>{const{typography}=(0,useTheme.Z)();return artifacts&&(artifacts=(artifact_list=>{const ordered_list=[];for(let i=0;i<artifact_list.length;i++){const item=artifact_list[i];item.name.includes("Show")?ordered_list.unshift(item):ordered_list.push(item)}return ordered_list})(artifacts)),react.createElement(components.VW,{title:"Logs and Artifacts"},artifacts.length?react.createElement(Box.Z,null,artifacts.map(((link,index)=>react.createElement(ListItem.ZP,{key:link.name,sx:{padding:"0",marginBottom:index===artifacts.length-1?"0px":"15px",fontFamily:typography.fontFamily}},react.createElement(ArtifactsItem_ArtifactItem,{artifact:link}))))):react.createElement(CircularProgress.Z,{size:20}))};try{ArtifactList_ArtifactList.displayName="ArtifactList",ArtifactList_ArtifactList.__docgenInfo={description:"",displayName:"ArtifactList",props:{artifacts:{defaultValue:null,description:"@param artifacts list of artifacts",name:"artifacts",required:!0,type:{name:"Artifact[] | never[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/components/ArtifactList.tsx#ArtifactList"]={docgenInfo:ArtifactList_ArtifactList.__docgenInfo,name:"ArtifactList",path:"src/features/artifacts/components/ArtifactList.tsx#ArtifactList"})}catch(__react_docgen_typescript_loader_error){}try{ArtifactItem.displayName="ArtifactItem",ArtifactItem.__docgenInfo={description:"",displayName:"ArtifactItem",props:{artifact:{defaultValue:null,description:"@param artifact type with the name and route properties",name:"artifact",required:!0,type:{name:"Artifact"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/components/index.tsx#ArtifactItem"]={docgenInfo:ArtifactItem.__docgenInfo,name:"ArtifactItem",path:"src/features/artifacts/components/index.tsx#ArtifactItem"})}catch(__react_docgen_typescript_loader_error){}try{ArtifactList.displayName="ArtifactList",ArtifactList.__docgenInfo={description:"",displayName:"ArtifactList",props:{artifacts:{defaultValue:null,description:"@param artifacts list of artifacts",name:"artifacts",required:!0,type:{name:"Artifact[] | never[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/components/index.tsx#ArtifactList"]={docgenInfo:ArtifactList.__docgenInfo,name:"ArtifactList",path:"src/features/artifacts/components/index.tsx#ArtifactList"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/artifacts/stories/ArtifactsList.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/artifacts/components/index.tsx");const artifactList=[{name:"Show lockfile",route:"/api/v1/build/1/lockfile/"},{name:"Show yml file",route:"/api/v1/build/1/yaml/"},{name:"Show Conda environment 1 log",route:"/api/v1/build/1/logs"},{name:"Download archive",route:"/api/v1/build/1/archive/"}],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_1__.y},Primary=()=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.y,{artifacts:artifactList})},"./src/features/channels/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r_:()=>ChannelsEdit_ChannelsEdit,xe:()=>ChannelsList_ChannelsList});var Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),react=__webpack_require__("./node_modules/react/index.js"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const Channel_Channel=({channelName})=>react.createElement(Box.Z,{className:"box",sx:{display:"flex",alignItems:"center"}},react.createElement(Typography.Z,{className:"typography",sx:{color:"#333",fontSize:"13px"}},channelName));try{Channel_Channel.displayName="Channel",Channel_Channel.__docgenInfo={description:"",displayName:"Channel",props:{channelName:{defaultValue:null,description:"@param channelName name of the channel",name:"channelName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/Channel.tsx#Channel"]={docgenInfo:Channel_Channel.__docgenInfo,name:"Channel",path:"src/features/channels/components/Channel.tsx#Channel"})}catch(__react_docgen_typescript_loader_error){}var styles=__webpack_require__("./src/styles/index.tsx"),components=__webpack_require__("./src/components/index.tsx");const ChannelsList_ChannelsList=({channelList})=>{const listLength=channelList.length;return react.createElement(Accordion.Z,{sx:{maxWidth:420,boxShadow:"none"},disableGutters:!0,defaultExpanded:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Channels")),react.createElement(styles.Ug,{sx:{padding:"11px 21px"}},channelList.map(((channel,index)=>react.createElement(Box.Z,{key:channel,sx:{marginBottom:index===listLength-1?"0px":"10px"}},react.createElement(Channel_Channel,{channelName:channel}))))))};try{ChannelsList_ChannelsList.displayName="ChannelsList",ChannelsList_ChannelsList.__docgenInfo={description:"",displayName:"ChannelsList",props:{channelList:{defaultValue:null,description:"@param channelList list of channels",name:"channelList",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/ChannelsList.tsx#ChannelsList"]={docgenInfo:ChannelsList_ChannelsList.__docgenInfo,name:"ChannelsList",path:"src/features/channels/components/ChannelsList.tsx#ChannelsList"})}catch(__react_docgen_typescript_loader_error){}var useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js"),react_beautiful_dnd_esm=__webpack_require__("./node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.esm.js"),Close=__webpack_require__("./node_modules/@mui/icons-material/Close.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js");const AddChannel=({onCancel,onSubmit})=>{const[name,setName]=(0,react.useState)(""),handleSubmit=()=>{name&&(onSubmit(name),onCancel())};return react.createElement(Box.Z,{sx:{marginBottom:"20px",display:"flex",alignItems:"center"}},react.createElement(TextField.Z,{autoFocus:!0,label:"Enter channel",size:"small",onChange:e=>setName(e.target.value),onKeyDown:e=>{"Enter"===e.key&&handleSubmit()},onBlur:handleSubmit,sx:{marginRight:"15px",width:"207px",height:"34px"}}),react.createElement(styles.Qh,{onClick:onCancel},react.createElement(Close.Z,{sx:{marginTop:"5px"}})))};try{AddChannel.displayName="AddChannel",AddChannel.__docgenInfo={description:"",displayName:"AddChannel",props:{onCancel:{defaultValue:null,description:"@param onCancel handler that will run when close icon is clicked\n@param onSubmit handler that will run when the input looses focus or when enter key is pressed",name:"onCancel",required:!0,type:{name:"() => void"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!0,type:{name:"(channelName: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/AddChannel.tsx#AddChannel"]={docgenInfo:AddChannel.__docgenInfo,name:"AddChannel",path:"src/features/channels/components/AddChannel.tsx#AddChannel"})}catch(__react_docgen_typescript_loader_error){}var helpers=__webpack_require__("./src/utils/helpers/index.ts");const ChannelsEditItem_ChannelsEditItem=(0,react.memo)((({channelName,onRemove,onEdit})=>{const[name,setName]=(0,react.useState)(channelName),[isEditing,setIsEditing]=(0,react.useState)(!1),dragIcon=(0,helpers.O5)(react.createElement(components.MC,{color:"#C4C7CC"}),react.createElement(components.MC,{color:"#A8DAB5"})),boxStyles=(0,helpers.I7)({height:"100%",width:"10px",backgroundColor:"#C4C7CC",display:"inline-block",marginLeft:"-1px",borderRight:"1px solid #F1F1F1",borderLeft:"1px solid #F1F1F1"}),containerStyles=(0,helpers.I7)({height:"32px",width:"205px",backgroundColor:"#F1F1F1",border:"1px solid #BCBFC4",display:"flex",alignItems:"center"}),handleSubmit=()=>{name&&onEdit(channelName,name),setIsEditing(!1)};return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Box.Z,{sx:containerStyles},react.createElement(Box.Z,{sx:boxStyles}),dragIcon,!isEditing&&react.createElement(Box.Z,{onClick:()=>setIsEditing(!0),sx:{"&:hover":{cursor:"pointer"}}},react.createElement(Typography.Z,{sx:{fontSize:"13px",color:"#333"}},channelName)),isEditing&&react.createElement(TextField.Z,{autoFocus:!0,size:"small",sx:{width:"140px"},inputProps:{style:{padding:"0px 5px"}},onBlur:handleSubmit,value:name,onKeyDown:e=>{"Enter"===e.key&&handleSubmit()},onChange:e=>setName(e.target.value)})),react.createElement(styles.Qh,{sx:{marginLeft:"15px"},onClick:()=>onRemove(channelName),"data-testid":"DeleteIcon"},react.createElement(components.zF,null)))}));try{ChannelsEditItem_ChannelsEditItem.displayName="ChannelsEditItem",ChannelsEditItem_ChannelsEditItem.__docgenInfo={description:"",displayName:"ChannelsEditItem",props:{channelName:{defaultValue:null,description:"@param channelName list of channels\n@param onRemove handler that will run when delete button is clicked\n@param onEdit handler that will run when editing is finished",name:"channelName",required:!0,type:{name:"string"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"(channelName: string) => void"}},onEdit:{defaultValue:null,description:"",name:"onEdit",required:!0,type:{name:"(channelName: string, newChannelName: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/ChannelsEditItem.tsx#ChannelsEditItem"]={docgenInfo:ChannelsEditItem_ChannelsEditItem.__docgenInfo,name:"ChannelsEditItem",path:"src/features/channels/components/ChannelsEditItem.tsx#ChannelsEditItem"})}catch(__react_docgen_typescript_loader_error){}const ChannelsEdit_ChannelsEdit=(0,react.memo)((({channelsList,updateChannels})=>{const listLength=channelsList.length,{palette}=(0,useTheme.Z)(),expandedRef=(0,react.useRef)(listLength>0),[isAdding,setIsAdding]=(0,react.useState)(!1),addNewChannel=channelName=>{updateChannels([...channelsList,channelName])},removeChannel=channelName=>{updateChannels(channelsList.filter((item=>item!==channelName)))},editChannel=(channelName,newChannelName)=>{const newChannelsList=channelsList.map((channel=>channel===channelName?newChannelName:channel));updateChannels(newChannelsList)};return react.createElement(Accordion.Z,{defaultExpanded:expandedRef.current,sx:{maxWidth:420,boxShadow:"none"},disableGutters:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Channels")),react.createElement(react_beautiful_dnd_esm.Z5,{onDragEnd:result=>{if(!result.destination)return;const{destination,source}=result,reorderedArray=(0,helpers.Wc)({list:channelsList,startIndex:source.index,endIndex:destination.index});updateChannels(reorderedArray)}},react.createElement(react_beautiful_dnd_esm.bK,{droppableId:"channels-edit-list"},(provided=>react.createElement(styles.Ug,{...provided.droppableProps,ref:provided.innerRef,sx:{padding:"18px 20px",paddingBottom:""+(0===listLength?"20px":"0px"),borderRadius:"0px"}},channelsList.map(((channel,index)=>react.createElement(react_beautiful_dnd_esm._l,{key:channel,draggableId:channel,index},(provided=>react.createElement(Box.Z,{...provided.draggableProps,...provided.dragHandleProps,ref:provided.innerRef,sx:{marginBottom:"20px",width:"247px"}},react.createElement(ChannelsEditItem_ChannelsEditItem,{onRemove:removeChannel,channelName:channel,onEdit:editChannel})))))),provided.placeholder,react.createElement(Box.Z,null,isAdding&&react.createElement(AddChannel,{onSubmit:addNewChannel,onCancel:()=>setIsAdding(!1)})))))),react.createElement(AccordionDetails.Z,{sx:{border:`1px solid ${palette.primary.main}`,borderTop:"0px",borderRadius:"0px",padding:"15px 21px",display:"flex",justifyContent:"center"}},react.createElement(styles.nX,{variant:"contained",onClick:()=>setIsAdding(!0),isalttype:"true"},"+ Add Channel")))}),((prevProps,nextProps)=>{const isSameArray=JSON.stringify(prevProps.channelsList)===JSON.stringify(nextProps.channelsList),isSameFunc=prevProps.updateChannels===nextProps.updateChannels;return isSameArray&&isSameFunc}));try{ChannelsEdit_ChannelsEdit.displayName="ChannelsEdit",ChannelsEdit_ChannelsEdit.__docgenInfo={description:"",displayName:"ChannelsEdit",props:{channelsList:{defaultValue:null,description:"@param channelsList list of channels\n@param updateChannels handler that will update the channels list",name:"channelsList",required:!0,type:{name:"string[]"}},updateChannels:{defaultValue:null,description:"",name:"updateChannels",required:!0,type:{name:"(channels: string[]) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/ChannelsEdit.tsx#ChannelsEdit"]={docgenInfo:ChannelsEdit_ChannelsEdit.__docgenInfo,name:"ChannelsEdit",path:"src/features/channels/components/ChannelsEdit.tsx#ChannelsEdit"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsList.displayName="ChannelsList",ChannelsList.__docgenInfo={description:"",displayName:"ChannelsList",props:{channelList:{defaultValue:null,description:"@param channelList list of channels",name:"channelList",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/index.tsx#ChannelsList"]={docgenInfo:ChannelsList.__docgenInfo,name:"ChannelsList",path:"src/features/channels/components/index.tsx#ChannelsList"})}catch(__react_docgen_typescript_loader_error){}try{Channel.displayName="Channel",Channel.__docgenInfo={description:"",displayName:"Channel",props:{channelName:{defaultValue:null,description:"@param channelName name of the channel",name:"channelName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/index.tsx#Channel"]={docgenInfo:Channel.__docgenInfo,name:"Channel",path:"src/features/channels/components/index.tsx#Channel"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsEdit.displayName="ChannelsEdit",ChannelsEdit.__docgenInfo={description:"",displayName:"ChannelsEdit",props:{channelsList:{defaultValue:null,description:"@param channelsList list of channels\n@param updateChannels handler that will update the channels list",name:"channelsList",required:!0,type:{name:"string[]"}},updateChannels:{defaultValue:null,description:"",name:"updateChannels",required:!0,type:{name:"(channels: string[]) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/index.tsx#ChannelsEdit"]={docgenInfo:ChannelsEdit.__docgenInfo,name:"ChannelsEdit",path:"src/features/channels/components/index.tsx#ChannelsEdit"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsEditItem.displayName="ChannelsEditItem",ChannelsEditItem.__docgenInfo={description:"",displayName:"ChannelsEditItem",props:{channelName:{defaultValue:null,description:"@param channelName list of channels\n@param onRemove handler that will run when delete button is clicked\n@param onEdit handler that will run when editing is finished",name:"channelName",required:!0,type:{name:"string"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"(channelName: string) => void"}},onEdit:{defaultValue:null,description:"",name:"onEdit",required:!0,type:{name:"(channelName: string, newChannelName: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/components/index.tsx#ChannelsEditItem"]={docgenInfo:ChannelsEditItem.__docgenInfo,name:"ChannelsEditItem",path:"src/features/channels/components/index.tsx#ChannelsEditItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/channels/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ZU:()=>channelsSlice});__webpack_require__("./src/features/channels/components/index.tsx");var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),environmentDetails=__webpack_require__("./src/features/environmentDetails/index.tsx");const channelsSlice=(0,redux_toolkit_esm.oM)({name:"channels",initialState:{channels:[]},reducers:{updateChannels:(state,action)=>{const channels=action.payload;state.channels=channels}},extraReducers:builder=>{builder.addMatcher(environmentDetails.XZ.endpoints.getBuild.matchFulfilled,((state,{payload:{data:{specification:{spec:{channels}}}}})=>{state.channels=channels}))}}),{updateChannels:channelsSlice_updateChannels}=channelsSlice.actions;try{ChannelsList.displayName="ChannelsList",ChannelsList.__docgenInfo={description:"",displayName:"ChannelsList",props:{channelList:{defaultValue:null,description:"@param channelList list of channels",name:"channelList",required:!0,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#ChannelsList"]={docgenInfo:ChannelsList.__docgenInfo,name:"ChannelsList",path:"src/features/channels/index.tsx#ChannelsList"})}catch(__react_docgen_typescript_loader_error){}try{Channel.displayName="Channel",Channel.__docgenInfo={description:"",displayName:"Channel",props:{channelName:{defaultValue:null,description:"@param channelName name of the channel",name:"channelName",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#Channel"]={docgenInfo:Channel.__docgenInfo,name:"Channel",path:"src/features/channels/index.tsx#Channel"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsEdit.displayName="ChannelsEdit",ChannelsEdit.__docgenInfo={description:"",displayName:"ChannelsEdit",props:{channelsList:{defaultValue:null,description:"@param channelsList list of channels\n@param updateChannels handler that will update the channels list",name:"channelsList",required:!0,type:{name:"string[]"}},updateChannels:{defaultValue:null,description:"",name:"updateChannels",required:!0,type:{name:"(channels: string[]) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#ChannelsEdit"]={docgenInfo:ChannelsEdit.__docgenInfo,name:"ChannelsEdit",path:"src/features/channels/index.tsx#ChannelsEdit"})}catch(__react_docgen_typescript_loader_error){}try{ChannelsEditItem.displayName="ChannelsEditItem",ChannelsEditItem.__docgenInfo={description:"",displayName:"ChannelsEditItem",props:{channelName:{defaultValue:null,description:"@param channelName list of channels\n@param onRemove handler that will run when delete button is clicked\n@param onEdit handler that will run when editing is finished",name:"channelName",required:!0,type:{name:"string"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"(channelName: string) => void"}},onEdit:{defaultValue:null,description:"",name:"onEdit",required:!0,type:{name:"(channelName: string, newChannelName: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#ChannelsEditItem"]={docgenInfo:ChannelsEditItem.__docgenInfo,name:"ChannelsEditItem",path:"src/features/channels/index.tsx#ChannelsEditItem"})}catch(__react_docgen_typescript_loader_error){}try{updateChannels.displayName="updateChannels",updateChannels.__docgenInfo={description:"",displayName:"updateChannels",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/channels/index.tsx#updateChannels"]={docgenInfo:updateChannels.__docgenInfo,name:"updateChannels",path:"src/features/channels/index.tsx#updateChannels"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/channels/stories/ChannelsEdit.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/channels/components/index.tsx");const channelsList=["conda-store","default","conda forge"],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_1__.r_},Primary=()=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.r_,{channelsList,updateChannels:()=>({})})},"./src/features/channels/stories/ChannelsList.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/channels/components/index.tsx");const channelsList=["conda-store","default","conda forge"],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_1__.xe},Primary=()=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.xe,{channelList:channelsList})},"./src/features/dependencies/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{d:()=>Dependencies_Dependencies});var react=__webpack_require__("./node_modules/react/index.js"),Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),CircularProgress=__webpack_require__("./node_modules/@mui/material/CircularProgress/CircularProgress.js"),index_es=__webpack_require__("./node_modules/react-infinite-scroll-component/dist/index.es.js"),styles=__webpack_require__("./src/styles/index.tsx"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),components=__webpack_require__("./src/components/index.tsx");const DependenciesItem_DependenciesItem=(0,react.memo)((({dependency,mode,handleClick})=>{const{name,version}=dependency,isEditMode="edit"===mode;return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center",width:"300px"}},react.createElement(Typography.Z,{sx:{fontSize:"13px",color:"#333"}},name)),react.createElement(Typography.Z,{sx:{color:"#333",width:isEditMode?"140px":"auto",marginLeft:isEditMode?"20px":"0px",fontSize:"13px"}},version),isEditMode&&react.createElement(Tooltip.Z,{title:"Promote as requested package",placement:"right-start"},react.createElement(styles.Qh,{onClick:handleClick,"data-testid":"PromoteIcon"},react.createElement(components.rG,null))))}),((prevProps,nextProps)=>prevProps.dependency.id===nextProps.dependency.id));try{DependenciesItem_DependenciesItem.displayName="DependenciesItem",DependenciesItem_DependenciesItem.__docgenInfo={description:"",displayName:"DependenciesItem",props:{dependency:{defaultValue:null,description:"@param dependency single dependency\n@param mode change whether we are only able to read this dependency or edit it\n@param handleClick click handler",name:"dependency",required:!0,type:{name:"Dependency"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},handleClick:{defaultValue:null,description:"",name:"handleClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/components/DependenciesItem.tsx#DependenciesItem"]={docgenInfo:DependenciesItem_DependenciesItem.__docgenInfo,name:"DependenciesItem",path:"src/features/dependencies/components/DependenciesItem.tsx#DependenciesItem"})}catch(__react_docgen_typescript_loader_error){}var hooks=__webpack_require__("./src/hooks.ts"),requestedPackages=__webpack_require__("./src/features/requestedPackages/index.tsx");const Dependencies_Dependencies=({mode,dependencies,hasMore,next=()=>null})=>{const dispatch=(0,hooks.T)(),{selectedEnvironment}=(0,hooks.C)((state=>state.tabs)),listLength=dependencies.length,scrollRef=(0,react.useRef)(null);return(0,react.useEffect)((()=>{var _a;null===(_a=scrollRef.current)||void 0===_a||_a.scrollTo(0,0)}),[null==selectedEnvironment?void 0:selectedEnvironment.id]),react.createElement(Accordion.Z,{sx:{maxWidth:420,boxShadow:"none"},disableGutters:!0,defaultExpanded:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Packages Installed as Dependencies")),react.createElement(styles.Ug,{id:"infScroll",sx:{padding:"15px 21px",maxHeight:"300px"},ref:scrollRef},react.createElement(index_es.Z,{hasMore,loader:react.createElement(Box.Z,{sx:{display:"flex",justifyContent:"center",marginTop:"10px"}},react.createElement(CircularProgress.Z,null)),dataLength:listLength,next,scrollableTarget:"infScroll",style:{overflow:"hidden"}},dependencies.length?react.createElement(react.Fragment,null,dependencies.map(((dependency,index)=>react.createElement(Box.Z,{key:dependency.id,sx:{marginBottom:index===listLength-1?"0px":"2px"}},react.createElement(DependenciesItem_DependenciesItem,{mode,dependency,handleClick:()=>dispatch((0,requestedPackages.Ze)(dependency))}))))):react.createElement(CircularProgress.Z,{size:20}))))};try{Dependencies_Dependencies.displayName="Dependencies",Dependencies_Dependencies.__docgenInfo={description:"",displayName:"Dependencies",props:{dependencies:{defaultValue:null,description:"@param dependencies list of dependencies\n@param mode change whether the component only displays the list or we are able to edit it\n@param hasMore needed for infinite scroll, if this is true next function will be called\n@param next handler which will be called when we scoll at the current bottom of the infinite scroll lists",name:"dependencies",required:!0,type:{name:"Dependency[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:{value:"() => null"},description:"",name:"next",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/components/Dependencies.tsx#Dependencies"]={docgenInfo:Dependencies_Dependencies.__docgenInfo,name:"Dependencies",path:"src/features/dependencies/components/Dependencies.tsx#Dependencies"})}catch(__react_docgen_typescript_loader_error){}try{Dependencies.displayName="Dependencies",Dependencies.__docgenInfo={description:"",displayName:"Dependencies",props:{dependencies:{defaultValue:null,description:"@param dependencies list of dependencies\n@param mode change whether the component only displays the list or we are able to edit it\n@param hasMore needed for infinite scroll, if this is true next function will be called\n@param next handler which will be called when we scoll at the current bottom of the infinite scroll lists",name:"dependencies",required:!0,type:{name:"Dependency[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:{value:"() => null"},description:"",name:"next",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/components/index.tsx#Dependencies"]={docgenInfo:Dependencies.__docgenInfo,name:"Dependencies",path:"src/features/dependencies/components/index.tsx#Dependencies"})}catch(__react_docgen_typescript_loader_error){}try{DependenciesItem.displayName="DependenciesItem",DependenciesItem.__docgenInfo={description:"",displayName:"DependenciesItem",props:{dependency:{defaultValue:null,description:"@param dependency single dependency\n@param mode change whether we are only able to read this dependency or edit it\n@param handleClick click handler",name:"dependency",required:!0,type:{name:"Dependency"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},handleClick:{defaultValue:null,description:"",name:"handleClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/components/index.tsx#DependenciesItem"]={docgenInfo:DependenciesItem.__docgenInfo,name:"DependenciesItem",path:"src/features/dependencies/components/index.tsx#DependenciesItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/dependencies/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Tr:()=>dependenciesApiSlice,kW:()=>dependenciesSlice});__webpack_require__("./src/features/dependencies/components/index.tsx");const dependenciesApiSlice=__webpack_require__("./src/features/api/index.ts").g.injectEndpoints({endpoints:builder=>({getBuildPackages:builder.query({query:dto=>`/api/v1/build/${dto.buildId}/packages/?page=${dto.page}&size=${dto.size}`,keepUnusedDataFor:0})})}),{useGetBuildPackagesQuery,useLazyGetBuildPackagesQuery:dependenciesApiSlice_useLazyGetBuildPackagesQuery}=dependenciesApiSlice;var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),tabs=__webpack_require__("./src/features/tabs/index.tsx");const dependenciesSlice=(0,redux_toolkit_esm.oM)({name:"dependencies",initialState:{dependencies:[],page:1,count:0,size:0},reducers:{updateDependencies:(state,action)=>{const dependencies=action.payload;state.dependencies=dependencies},pageChanged:(state,action)=>{state.page=action.payload}},extraReducers:builder=>{builder.addCase(tabs.Zb.type,(state=>{state.page=1})),builder.addMatcher(dependenciesApiSlice.endpoints.getBuildPackages.matchFulfilled,((state,{payload:{data,size,count,page}})=>{1===page?state.dependencies=data:state.dependencies.push(...data),state.size=size,state.count=count}))}}),{pageChanged:dependenciesSlice_pageChanged,updateDependencies:dependenciesSlice_updateDependencies}=dependenciesSlice.actions;try{Dependencies.displayName="Dependencies",Dependencies.__docgenInfo={description:"",displayName:"Dependencies",props:{dependencies:{defaultValue:null,description:"@param dependencies list of dependencies\n@param mode change whether the component only displays the list or we are able to edit it\n@param hasMore needed for infinite scroll, if this is true next function will be called\n@param next handler which will be called when we scoll at the current bottom of the infinite scroll lists",name:"dependencies",required:!0,type:{name:"Dependency[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:{value:"() => null"},description:"",name:"next",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#Dependencies"]={docgenInfo:Dependencies.__docgenInfo,name:"Dependencies",path:"src/features/dependencies/index.tsx#Dependencies"})}catch(__react_docgen_typescript_loader_error){}try{DependenciesItem.displayName="DependenciesItem",DependenciesItem.__docgenInfo={description:"",displayName:"DependenciesItem",props:{dependency:{defaultValue:null,description:"@param dependency single dependency\n@param mode change whether we are only able to read this dependency or edit it\n@param handleClick click handler",name:"dependency",required:!0,type:{name:"Dependency"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'}]}},handleClick:{defaultValue:null,description:"",name:"handleClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#DependenciesItem"]={docgenInfo:DependenciesItem.__docgenInfo,name:"DependenciesItem",path:"src/features/dependencies/index.tsx#DependenciesItem"})}catch(__react_docgen_typescript_loader_error){}try{useLazyGetBuildPackagesQuery.displayName="useLazyGetBuildPackagesQuery",useLazyGetBuildPackagesQuery.__docgenInfo={description:"",displayName:"useLazyGetBuildPackagesQuery",props:{pollingInterval:{defaultValue:null,description:"How frequently to automatically re-fetch data (in milliseconds). Defaults to `0` (off).",name:"pollingInterval",required:!1,type:{name:"number"}},refetchOnReconnect:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after regaining a network connection.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnReconnect",required:!1,type:{name:"boolean"}},refetchOnFocus:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after the application window regains focus.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnFocus",required:!1,type:{name:"boolean"}},selectFromResult:{defaultValue:null,description:'`selectFromResult` allows you to get a specific segment from a query result in a performant manner.\nWhen using this feature, the component will not rerender unless the underlying data of the selected item has changed.\nIf the selected item is one element in a larger collection, it will disregard changes to elements in the same collection.\n@example ```ts\n// codeblock-meta title="Using selectFromResult to extract a single result"\nfunction PostsList() {\n  const { data: posts } = api.useGetPostsQuery();\n\n  return (\n    <ul>\n      {posts?.data?.map((post) => (\n        <PostById key={post.id} id={post.id} />\n      ))}\n    </ul>\n  );\n}\n\nfunction PostById({ id }: { id: number }) {\n  // Will select the post with the given id, and will only rerender if the given posts data changes\n  const { post } = api.useGetPostsQuery(undefined, {\n    selectFromResult: ({ data }) => ({ post: data?.find((post) => post.id === id) }),\n  });\n\n  return <li>{post?.name}</li>;\n}\n```',name:"selectFromResult",required:!1,type:{name:'QueryStateSelector<R, QueryDefinition<{ buildId: number; page: number; size: number; }, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, IApiResponse<...>, "api">>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#useLazyGetBuildPackagesQuery"]={docgenInfo:useLazyGetBuildPackagesQuery.__docgenInfo,name:"useLazyGetBuildPackagesQuery",path:"src/features/dependencies/index.tsx#useLazyGetBuildPackagesQuery"})}catch(__react_docgen_typescript_loader_error){}try{pageChanged.displayName="pageChanged",pageChanged.__docgenInfo={description:"",displayName:"pageChanged",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#pageChanged"]={docgenInfo:pageChanged.__docgenInfo,name:"pageChanged",path:"src/features/dependencies/index.tsx#pageChanged"})}catch(__react_docgen_typescript_loader_error){}try{updateDependencies.displayName="updateDependencies",updateDependencies.__docgenInfo={description:"",displayName:"updateDependencies",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/dependencies/index.tsx#updateDependencies"]={docgenInfo:updateDependencies.__docgenInfo,name:"updateDependencies",path:"src/features/dependencies/index.tsx#updateDependencies"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/dependencies/stories/Dependencies.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>Dependencies_stories});var es=__webpack_require__("./node_modules/react-redux/es/index.js"),react=__webpack_require__("./node_modules/react/index.js"),components=__webpack_require__("./src/features/dependencies/components/index.tsx");var store=__webpack_require__("./src/store/index.ts");const Dependencies_stories={component:components.d},Primary=(args=>react.createElement(es.zt,{store:store.h},react.createElement(components.d,{hasMore:!1,mode:args.mode,dependencies:args.dependencies}))).bind({});Primary.args={mode:"edit",dependencies:[{id:3685,channel:{id:2,name:"https://conda.anaconda.org/conda-forge",last_update:null},build:"pyhd8ed1ab_0",license:"Apache-2.0",sha256:"4da0fe03babc950532513e9165dbc337a663880352392f496992776608dd77ca",name:"asttokens",version:"2.0.5",summary:"The asttokens module annotates Python abstract syntax trees (ASTs) with the positions of tokens and text in the source code that generated them."},{id:3674,channel:{id:2,name:"https://conda.anaconda.org/conda-forge",last_update:null},build:"pyh9f0ad1d_0",license:"BSD-3-Clause",sha256:"ee62d6434090c1327a48551734e06bd10e65a64ef7f3b6e68719500dab0e42b9",name:"backcall",version:"0.2.0",summary:"Specifications for callback functions passed in to an API"},{id:3675,channel:{id:2,name:"https://conda.anaconda.org/conda-forge",last_update:null},build:"pyh9f0ad1d_0",license:"BSD-3-Clause",sha256:"ee62d6434090c1327a48551734e06bd10e65a64ef7f3b6e68719500dab0e42b9",name:"dumpy",version:"1.2.0",summary:"Specifications for callback functions passed in to an API"},{id:3673,channel:{id:2,name:"https://conda.anaconda.org/conda-forge",last_update:null},build:"pyh9f0ad1d_0",license:"BSD-3-Clause",sha256:"ee62d6434090c1327a48551734e06bd10e65a64ef7f3b6e68719500dab0e42b9",name:"numpy",version:"0.2.1",summary:"Specifications for callback functions passed in to an API"}]}},"./src/features/environmentDetails/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{sZ:()=>environmentDetailsSlice_EnvironmentDetailsModes,XZ:()=>environmentDetailsApiSlice,KO:()=>environmentDetailsSlice,sq:()=>environmentDetailsSlice_modeChanged});var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),api=__webpack_require__("./src/features/api/index.ts");const environmentDetailsApiSlice=api.g.injectEndpoints({endpoints:builder=>({getBuild:builder.query({query:buildId=>`/api/v1/build/${buildId}/`,keepUnusedDataFor:0}),createOrUpdate:builder.mutation({query:code=>({url:"/api/v1/specification/",method:"POST",body:code})}),updateBuildId:builder.mutation({query:({namespace,environment,buildId})=>({url:`/api/v1/environment/${namespace}/${environment}/`,method:"PUT",body:{build_id:buildId}})}),deleteEnvironment:builder.mutation({query:({namespace,environment})=>({url:`/api/v1/environment/${namespace}/${environment}/`,method:"DELETE"})})})}),{useGetBuildQuery:environmentDetailsApiSlice_useGetBuildQuery,useCreateOrUpdateMutation:environmentDetailsApiSlice_useCreateOrUpdateMutation,useUpdateBuildIdMutation:environmentDetailsApiSlice_useUpdateBuildIdMutation,useDeleteEnvironmentMutation:environmentDetailsApiSlice_useDeleteEnvironmentMutation}=environmentDetailsApiSlice;var environmentDetailsSlice_EnvironmentDetailsModes;!function(EnvironmentDetailsModes){EnvironmentDetailsModes.CREATE="create",EnvironmentDetailsModes.READ="read-only",EnvironmentDetailsModes.EDIT="edit"}(environmentDetailsSlice_EnvironmentDetailsModes||(environmentDetailsSlice_EnvironmentDetailsModes={}));const initialState={mode:environmentDetailsSlice_EnvironmentDetailsModes.READ,name:"",prefix:null},environmentDetailsSlice=(0,redux_toolkit_esm.oM)({name:"environmentDetails",initialState,reducers:{modeChanged:(state,action)=>{state.mode=action.payload}},extraReducers:builder=>{builder.addMatcher(environmentDetailsApiSlice.endpoints.getBuild.matchFulfilled,((state,{payload:{data:{specification:{spec:{name,prefix}}}}})=>{state.name=name,state.prefix=prefix}))}}),{modeChanged:environmentDetailsSlice_modeChanged}=environmentDetailsSlice.actions;__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/lodash/lodash.js"),__webpack_require__("./node_modules/yaml/browser/index.js"),__webpack_require__("./src/components/index.tsx"),__webpack_require__("./src/features/channels/index.tsx"),__webpack_require__("./src/features/dependencies/index.tsx"),__webpack_require__("./src/features/requestedPackages/index.tsx"),__webpack_require__("./node_modules/@uiw/react-codemirror/esm/index.js");var codemirror_themes_esm=__webpack_require__("./node_modules/@uiw/codemirror-themes/esm/index.js"),dist=__webpack_require__("./node_modules/@lezer/highlight/dist/index.js");(0,codemirror_themes_esm.Z)({theme:"light",settings:{background:"#ffffff",foreground:"#0A3069",caret:"#cf080c",selection:"#F1F1F1",selectionMatch:"#F1F1F1",lineHighlight:"#8a91991a",gutterBackground:"#fff",gutterForeground:"#57606A",gutterBorder:"transparent"},styles:[{tag:dist.pJ.keyword,color:"#116329"}]});__webpack_require__("./src/preferences.tsx");const editor_CodeEditor=({code,onChangeEditor})=>{const isGrayscaleStyleType="grayscale"===React.useContext(PrefContext).styleType,[isError,setIsError]=useState(!1);return React.createElement(React.Fragment,null,isError&&React.createElement(Alert,{severity:"error",sx:{mb:"20px"}},"You have an error in your yaml syntax"),React.createElement(CodeMirror,{value:code,height:"200px",theme:isGrayscaleStyleType?void 0:greenAccentTheme,extensions:[StreamLanguage.define(yamlLanguage)],onChange:e=>(e=>{try{setIsError(!1),onChangeEditor(parse(e))}catch(e){setIsError(!0)}})(e)}))};try{editor_CodeEditor.displayName="CodeEditor",editor_CodeEditor.__docgenInfo={description:"",displayName:"CodeEditor",props:{code:{defaultValue:null,description:"",name:"code",required:!0,type:{name:"any"}},onChangeEditor:{defaultValue:null,description:"",name:"onChangeEditor",required:!0,type:{name:"(code: { channels: string[]; dependencies: string[]; }) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/yamlEditor/components/editor.tsx#CodeEditor"]={docgenInfo:editor_CodeEditor.__docgenInfo,name:"CodeEditor",path:"src/features/yamlEditor/components/editor.tsx#CodeEditor"})}catch(__react_docgen_typescript_loader_error){}try{CodeEditor.displayName="CodeEditor",CodeEditor.__docgenInfo={description:"",displayName:"CodeEditor",props:{code:{defaultValue:null,description:"",name:"code",required:!0,type:{name:"any"}},onChangeEditor:{defaultValue:null,description:"",name:"onChangeEditor",required:!0,type:{name:"(code: { channels: string[]; dependencies: string[]; }) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/yamlEditor/components/index.tsx#CodeEditor"]={docgenInfo:CodeEditor.__docgenInfo,name:"CodeEditor",path:"src/features/yamlEditor/components/index.tsx#CodeEditor"})}catch(__react_docgen_typescript_loader_error){}try{CodeEditor.displayName="CodeEditor",CodeEditor.__docgenInfo={description:"",displayName:"CodeEditor",props:{code:{defaultValue:null,description:"",name:"code",required:!0,type:{name:"any"}},onChangeEditor:{defaultValue:null,description:"",name:"onChangeEditor",required:!0,type:{name:"(code: { channels: string[]; dependencies: string[]; }) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/yamlEditor/index.tsx#CodeEditor"]={docgenInfo:CodeEditor.__docgenInfo,name:"CodeEditor",path:"src/features/yamlEditor/index.tsx#CodeEditor"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/hooks.ts"),__webpack_require__("./src/styles/index.tsx");const SpecificationEdit_SpecificationEdit=({descriptionUpdated,defaultEnvVersIsChanged,onSpecificationIsChanged,onDefaultEnvIsChanged,onUpdateEnvironment,onShowDialogAlert})=>{const{channels}=useAppSelector((state=>state.channels)),{requestedPackages}=useAppSelector((state=>state.requestedPackages)),{dependencies,size,count,page}=useAppSelector((state=>state.dependencies)),hasMore=size*page<=count,dispatch=useAppDispatch(),[show,setShow]=useState(!1),[code,setCode]=useState({dependencies:requestedPackages,channels}),[envIsUpdated,setEnvIsUpdated]=useState(!1),initialChannels=useRef(cloneDeep(channels)),initialPackages=useRef(cloneDeep(requestedPackages)),stringifiedInitialChannels=useMemo((()=>JSON.stringify(initialChannels.current)),[initialChannels.current]),stringifiedInitialPackages=useMemo((()=>JSON.stringify(initialPackages.current)),[initialPackages.current]),onUpdateChannels=useCallback((channels=>{dispatch(updateChannels(channels)),onDefaultEnvIsChanged(!1)}),[]),onUpdateDefaultEnvironment=isChanged=>{onDefaultEnvIsChanged(isChanged),onSpecificationIsChanged(!isChanged)},onUpdateEditor=debounce((({channels,dependencies})=>{const code={dependencies,channels},isDifferentChannels=JSON.stringify(code.channels)!==stringifiedInitialChannels,isDifferentPackages=JSON.stringify(code.dependencies)!==stringifiedInitialPackages;channels&&0!==channels.length||(code.channels=[]),dependencies&&0!==dependencies.length||(code.dependencies=[]),(isDifferentChannels||isDifferentPackages)&&(setEnvIsUpdated(!0),onUpdateDefaultEnvironment(!1),onSpecificationIsChanged(!0)),setCode(code)}),200);return useEffect((()=>{descriptionUpdated&&setEnvIsUpdated(!0);const isDifferentChannels=JSON.stringify(channels)!==stringifiedInitialChannels,isDifferentPackages=JSON.stringify(requestedPackages)!==stringifiedInitialPackages;defaultEnvVersIsChanged?setEnvIsUpdated(!1):(isDifferentChannels||isDifferentPackages)&&setEnvIsUpdated(!0)}),[channels,requestedPackages,descriptionUpdated]),React.createElement(BlockContainerEditMode,{title:"Specification",onToggleEditMode:value=>{show?(dispatch(updatePackages(code.dependencies)),dispatch(updateChannels(code.channels))):setCode({dependencies:requestedPackages,channels}),setShow(value)},isEditMode:show},React.createElement(Box,null,show?React.createElement(CodeEditor,{code:stringify({channels,dependencies:requestedPackages}),onChangeEditor:onUpdateEditor}):React.createElement(React.Fragment,null,React.createElement(Box,{sx:{marginBottom:"30px"}},React.createElement(RequestedPackagesEdit,{packageList:requestedPackages,onDefaultEnvIsChanged:onUpdateDefaultEnvironment})),React.createElement(Box,{sx:{marginBottom:"30px"}},React.createElement(Dependencies,{mode:"edit",dependencies,hasMore,next:()=>dispatch(pageChanged(page+1))})),React.createElement(Box,{sx:{margiBottom:"30px"}},React.createElement(ChannelsEdit,{channelsList:channels,updateChannels:onUpdateChannels}))),React.createElement(Box,{sx:{display:"flex",justifyContent:"flex-end",alignItems:"flex-end",gap:"30px",marginTop:"45px",marginBottom:"10px"}},React.createElement(Typography,{sx:{fontSize:"13px",color:"#333",textDecoration:"underline",cursor:"pointer"},onClick:()=>onShowDialogAlert(!0)},"Delete environment"),React.createElement(StyledButtonPrimary,{sx:{padding:"5px 48px"},onClick:()=>{setEnvIsUpdated(!1),onSpecificationIsChanged(!1),dispatch(modeChanged(EnvironmentDetailsModes.READ)),dispatch(updatePackages(initialPackages.current)),dispatch(updateChannels(initialChannels.current))},isalttype:"true"},"Cancel"),React.createElement(StyledButtonPrimary,{sx:{padding:"5px 48px"},onClick:()=>{onUpdateEnvironment(show?code:{dependencies:requestedPackages,channels})},disabled:!envIsUpdated,isalttype:"true"},"Save"))))};try{SpecificationEdit_SpecificationEdit.displayName="SpecificationEdit",SpecificationEdit_SpecificationEdit.__docgenInfo={description:"",displayName:"SpecificationEdit",props:{descriptionUpdated:{defaultValue:null,description:"",name:"descriptionUpdated",required:!0,type:{name:"boolean"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!0,type:{name:"boolean"}},onSpecificationIsChanged:{defaultValue:null,description:"",name:"onSpecificationIsChanged",required:!0,type:{name:"(specificationIsChanged: boolean) => void"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!0,type:{name:"(defaultEnvVersIsChanged: boolean) => void"}},onUpdateEnvironment:{defaultValue:null,description:"",name:"onUpdateEnvironment",required:!0,type:{name:"(specification: any) => void"}},onShowDialogAlert:{defaultValue:null,description:"",name:"onShowDialogAlert",required:!0,type:{name:"(showDialog: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/Specification/SpecificationEdit.tsx#SpecificationEdit"]={docgenInfo:SpecificationEdit_SpecificationEdit.__docgenInfo,name:"SpecificationEdit",path:"src/features/environmentDetails/components/Specification/SpecificationEdit.tsx#SpecificationEdit"})}catch(__react_docgen_typescript_loader_error){}try{SpecificationEdit.displayName="SpecificationEdit",SpecificationEdit.__docgenInfo={description:"",displayName:"SpecificationEdit",props:{descriptionUpdated:{defaultValue:null,description:"",name:"descriptionUpdated",required:!0,type:{name:"boolean"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!0,type:{name:"boolean"}},onSpecificationIsChanged:{defaultValue:null,description:"",name:"onSpecificationIsChanged",required:!0,type:{name:"(specificationIsChanged: boolean) => void"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!0,type:{name:"(defaultEnvVersIsChanged: boolean) => void"}},onUpdateEnvironment:{defaultValue:null,description:"",name:"onUpdateEnvironment",required:!0,type:{name:"(specification: any) => void"}},onShowDialogAlert:{defaultValue:null,description:"",name:"onShowDialogAlert",required:!0,type:{name:"(showDialog: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/Specification/index.tsx#SpecificationEdit"]={docgenInfo:SpecificationEdit.__docgenInfo,name:"SpecificationEdit",path:"src/features/environmentDetails/components/Specification/index.tsx#SpecificationEdit"})}catch(__react_docgen_typescript_loader_error){}const EnvironmentDetailsHeader_EnvironmentDetailsHeader=({envName="",onUpdateName,showEditButton=!0})=>{const{mode}=useAppSelector((state=>state.environmentDetails)),dispatch=useAppDispatch();return React.createElement(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"15px"}},(mode===EnvironmentDetailsModes.READ||mode===EnvironmentDetailsModes.EDIT)&&React.createElement(React.Fragment,null,React.createElement(Typography,{sx:{fontSize:"16px",color:"#333",fontWeight:600}},envName),mode===EnvironmentDetailsModes.READ&&React.createElement(StyledButtonPrimary,{onClick:()=>dispatch(modeChanged(EnvironmentDetailsModes.EDIT))},"Edit")),mode===EnvironmentDetailsModes.CREATE&&React.createElement(React.Fragment,null,React.createElement(TextField,{autoFocus:!0,placeholder:"Environment name",sx:{backgroundColor:"#EBECEE",minWidth:"450px","&:hover fieldset":{borderColor:"gray"}},inputProps:{style:{padding:"8px 15px",fontSize:"15px",color:"#333"}},onChange:e=>onUpdateName(e.target.value)})))};try{EnvironmentDetailsHeader_EnvironmentDetailsHeader.displayName="EnvironmentDetailsHeader",EnvironmentDetailsHeader_EnvironmentDetailsHeader.__docgenInfo={description:"",displayName:"EnvironmentDetailsHeader",props:{envName:{defaultValue:{value:""},description:"@param envName name of the selected environment\n@param onUpdateName change environment name",name:"envName",required:!1,type:{name:"string"}},showEditButton:{defaultValue:{value:"true"},description:"",name:"showEditButton",required:!1,type:{name:"boolean"}},onUpdateName:{defaultValue:null,description:"",name:"onUpdateName",required:!0,type:{name:"(value: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/EnvironmentDetailsHeader.tsx#EnvironmentDetailsHeader"]={docgenInfo:EnvironmentDetailsHeader_EnvironmentDetailsHeader.__docgenInfo,name:"EnvironmentDetailsHeader",path:"src/features/environmentDetails/components/EnvironmentDetailsHeader.tsx#EnvironmentDetailsHeader"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/features/tabs/index.tsx"),__webpack_require__("./src/features/artifacts/components/index.tsx");const artifactsApiSlice=api.g.injectEndpoints({endpoints:builder=>({getArtifacts:builder.query({query:buildId=>`/api/v1/build/${buildId}/`,transformResponse:response=>response.data.build_artifacts.map((artifact=>artifact.artifact_type))})})}),{useLazyGetArtifactsQuery:ArtifactsApiSlice_useLazyGetArtifactsQuery}=artifactsApiSlice;try{ArtifactItem.displayName="ArtifactItem",ArtifactItem.__docgenInfo={description:"",displayName:"ArtifactItem",props:{artifact:{defaultValue:null,description:"@param artifact type with the name and route properties",name:"artifact",required:!0,type:{name:"Artifact"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/index.tsx#ArtifactItem"]={docgenInfo:ArtifactItem.__docgenInfo,name:"ArtifactItem",path:"src/features/artifacts/index.tsx#ArtifactItem"})}catch(__react_docgen_typescript_loader_error){}try{ArtifactList.displayName="ArtifactList",ArtifactList.__docgenInfo={description:"",displayName:"ArtifactList",props:{artifacts:{defaultValue:null,description:"@param artifacts list of artifacts",name:"artifacts",required:!0,type:{name:"Artifact[] | never[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/index.tsx#ArtifactList"]={docgenInfo:ArtifactList.__docgenInfo,name:"ArtifactList",path:"src/features/artifacts/index.tsx#ArtifactList"})}catch(__react_docgen_typescript_loader_error){}try{useLazyGetArtifactsQuery.displayName="useLazyGetArtifactsQuery",useLazyGetArtifactsQuery.__docgenInfo={description:"",displayName:"useLazyGetArtifactsQuery",props:{pollingInterval:{defaultValue:null,description:"How frequently to automatically re-fetch data (in milliseconds). Defaults to `0` (off).",name:"pollingInterval",required:!1,type:{name:"number"}},refetchOnReconnect:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after regaining a network connection.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnReconnect",required:!1,type:{name:"boolean"}},refetchOnFocus:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after the application window regains focus.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnFocus",required:!1,type:{name:"boolean"}},selectFromResult:{defaultValue:null,description:'`selectFromResult` allows you to get a specific segment from a query result in a performant manner.\nWhen using this feature, the component will not rerender unless the underlying data of the selected item has changed.\nIf the selected item is one element in a larger collection, it will disregard changes to elements in the same collection.\n@example ```ts\n// codeblock-meta title="Using selectFromResult to extract a single result"\nfunction PostsList() {\n  const { data: posts } = api.useGetPostsQuery();\n\n  return (\n    <ul>\n      {posts?.data?.map((post) => (\n        <PostById key={post.id} id={post.id} />\n      ))}\n    </ul>\n  );\n}\n\nfunction PostById({ id }: { id: number }) {\n  // Will select the post with the given id, and will only rerender if the given posts data changes\n  const { post } = api.useGetPostsQuery(undefined, {\n    selectFromResult: ({ data }) => ({ post: data?.find((post) => post.id === id) }),\n  });\n\n  return <li>{post?.name}</li>;\n}\n```',name:"selectFromResult",required:!1,type:{name:'QueryStateSelector<R, QueryDefinition<number, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, string[], "api">>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/artifacts/index.tsx#useLazyGetArtifactsQuery"]={docgenInfo:useLazyGetArtifactsQuery.__docgenInfo,name:"useLazyGetArtifactsQuery",path:"src/features/artifacts/index.tsx#useLazyGetArtifactsQuery"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/features/metadata/index.tsx"),__webpack_require__("./src/components/Dialog.tsx"),__webpack_require__("./src/utils/helpers/index.ts");const EnvironmentDetails_EnvironmentDetails=({scrollRef,environmentNotification})=>{const dispatch=useAppDispatch(),{mode}=useAppSelector((state=>state.environmentDetails)),{page,dependencies}=useAppSelector((state=>state.dependencies)),{selectedEnvironment}=useAppSelector((state=>state.tabs)),{currentBuild}=useAppSelector((state=>state.enviroments)),[name,setName]=useState((null==selectedEnvironment?void 0:selectedEnvironment.name)||""),[descriptionIsUpdated,setDescriptionIsUpdated]=useState(!1),[description,setDescription]=useState(selectedEnvironment?selectedEnvironment.description:void 0),[currentBuildId,setCurrentBuildId]=useState(null==selectedEnvironment?void 0:selectedEnvironment.current_build_id),[artifactType,setArtifactType]=useState([]),[showDialog,setShowDialog]=useState(!1),[defaultEnvVersIsChanged,setDefaultEnvVersIsChanged]=useState(!1),[specificationIsChanged,setSpecificationIsChanged]=useState(!1),[error,setError]=useState({message:"",visible:!1}),[triggerQuery]=useLazyGetArtifactsQuery(),[triggerBuildPackages]=useLazyGetBuildPackagesQuery(),[createOrUpdate]=useCreateOrUpdateMutation(),[updateBuildId]=useUpdateBuildIdMutation(),[deleteEnvironment]=useDeleteEnvironmentMutation();useGetEnviromentBuildsQuery(selectedEnvironment,{pollingInterval:5e3});const{isFetching}=useGetBuildQuery(currentBuildId,{skip:!currentBuildId});useGetBuildPackagesQuery({buildId:currentBuildId,page,size:100},{skip:isFetching||!currentBuildId});const updateDefaultEnvironmentVersion=isChanged=>{setDefaultEnvVersIsChanged(isChanged)};useEffect((()=>{setName((null==selectedEnvironment?void 0:selectedEnvironment.name)||""),setDescription((null==selectedEnvironment?void 0:selectedEnvironment.description)||""),setCurrentBuildId(null==selectedEnvironment?void 0:selectedEnvironment.current_build_id),setError({message:"",visible:!1}),setDescriptionIsUpdated(!1),setArtifactType([])}),[selectedEnvironment]),useEffect((()=>{currentBuild.id&&(setCurrentBuildId(currentBuild.id),setArtifactType([]))}),[currentBuild]);return useInterval((async()=>{(async()=>{(async()=>{if(artifactType.includes("DOCKER_MANIFEST"))return;const{data}=await triggerQuery(currentBuildId),apiArtifactTypes=parseArtifacts(data);setArtifactType(apiArtifactTypes)})(),(async()=>{dependencies.length||await triggerBuildPackages({buildId:currentBuildId,page,size:100})})()})()}),5e3),React.createElement(Box,{sx:{padding:"15px 12px"}},React.createElement(EnvironmentDetailsHeader,{envName:name,onUpdateName:setName,showEditButton:null==selectedEnvironment?void 0:selectedEnvironment.canUpdate}),error.visible&&React.createElement(Alert,{severity:"error",sx:{mb:"20px"}},error.message),React.createElement(Box,{sx:{marginBottom:"30px"}},React.createElement(EnvMetadata,{mode,currentBuildId:null==selectedEnvironment?void 0:selectedEnvironment.current_build_id,selectedBuildId:currentBuildId,description,specificationIsChanged,onDefaultEnvIsChanged:updateDefaultEnvironmentVersion,onUpdateDescription:description=>{setDescription(description),setDescriptionIsUpdated(!0)},onUpdateBuildId:async buildId=>{if(selectedEnvironment)try{await updateBuildId({namespace:selectedEnvironment.namespace.name,environment:selectedEnvironment.name,buildId}).unwrap(),dispatch(updateEnvironmentBuildId(buildId)),environmentNotification({data:{show:!0,description:createLabel(selectedEnvironment.name,"updateBuild")}})}catch(e){setError({message:createLabel(void 0,"error"),visible:!0})}}})),React.createElement(Box,{sx:{marginBottom:"30px"}},"read-only"===mode&&React.createElement(SpecificationReadOnly,null),"edit"===mode&&React.createElement(SpecificationEdit,{descriptionUpdated:descriptionIsUpdated,defaultEnvVersIsChanged,onSpecificationIsChanged:isChanged=>{setSpecificationIsChanged(isChanged)},onDefaultEnvIsChanged:updateDefaultEnvironmentVersion,onUpdateEnvironment:async code=>{var _a,_b,_c,_d;if(!selectedEnvironment)return;const namespace=selectedEnvironment.namespace.name,environment=selectedEnvironment.name,environmentInfo={specification:`${stringify(code)}\ndescription: ${description}\nname: ${environment}\nprefix: null`,namespace};try{const{data}=await createOrUpdate(environmentInfo).unwrap();dispatch(modeChanged(EnvironmentDetailsModes.READ)),setCurrentBuildId(data.build_id),dispatch(currentBuildIdChanged(data.build_id)),environmentNotification({data:{show:!0,description:createLabel(environment,"update")}})}catch(e){setError({message:null!==(_d=null!==(_c=null!==(_b=null===(_a=null==e?void 0:e.data)||void 0===_a?void 0:_a.message)&&void 0!==_b?_b:e.error)&&void 0!==_c?_c:e.status)&&void 0!==_d?_d:createLabel(void 0,"error"),visible:!0})}scrollRef.current.scrollTo(0,0)},onShowDialogAlert:showDialog=>setShowDialog(showDialog)})),"read-only"===mode&&React.createElement(Box,null,React.createElement(ArtifactList,{artifacts:artifactList(currentBuildId,artifactType)})),selectedEnvironment&&React.createElement(AlertDialog,{title:"Delete Environment",description:createLabel(selectedEnvironment.name,"confirm"),isOpen:showDialog,closeAction:()=>setShowDialog(!1),confirmAction:async()=>{if(selectedEnvironment){try{await deleteEnvironment({namespace:selectedEnvironment.namespace.name,environment:selectedEnvironment.name}).unwrap(),dispatch(modeChanged(EnvironmentDetailsModes.READ)),dispatch(environmentClosed({envId:selectedEnvironment.id,selectedEnvironmentId:selectedEnvironment.id})),environmentNotification({data:{show:!0,description:createLabel(selectedEnvironment.name,"delete")}})}catch(e){setError({message:createLabel(void 0,"error"),visible:!0})}scrollRef.current.scrollTo(0,0),setShowDialog(!1)}}}))};try{EnvironmentDetails_EnvironmentDetails.displayName="EnvironmentDetails",EnvironmentDetails_EnvironmentDetails.__docgenInfo={description:"",displayName:"EnvironmentDetails",props:{scrollRef:{defaultValue:null,description:"",name:"scrollRef",required:!0,type:{name:"any"}},environmentNotification:{defaultValue:null,description:"",name:"environmentNotification",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/EnvironmentDetails.tsx#EnvironmentDetails"]={docgenInfo:EnvironmentDetails_EnvironmentDetails.__docgenInfo,name:"EnvironmentDetails",path:"src/features/environmentDetails/components/EnvironmentDetails.tsx#EnvironmentDetails"})}catch(__react_docgen_typescript_loader_error){}try{SpecificationEdit.displayName="SpecificationEdit",SpecificationEdit.__docgenInfo={description:"",displayName:"SpecificationEdit",props:{descriptionUpdated:{defaultValue:null,description:"",name:"descriptionUpdated",required:!0,type:{name:"boolean"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!0,type:{name:"boolean"}},onSpecificationIsChanged:{defaultValue:null,description:"",name:"onSpecificationIsChanged",required:!0,type:{name:"(specificationIsChanged: boolean) => void"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!0,type:{name:"(defaultEnvVersIsChanged: boolean) => void"}},onUpdateEnvironment:{defaultValue:null,description:"",name:"onUpdateEnvironment",required:!0,type:{name:"(specification: any) => void"}},onShowDialogAlert:{defaultValue:null,description:"",name:"onShowDialogAlert",required:!0,type:{name:"(showDialog: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/index.tsx#SpecificationEdit"]={docgenInfo:SpecificationEdit.__docgenInfo,name:"SpecificationEdit",path:"src/features/environmentDetails/components/index.tsx#SpecificationEdit"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDetails.displayName="EnvironmentDetails",EnvironmentDetails.__docgenInfo={description:"",displayName:"EnvironmentDetails",props:{scrollRef:{defaultValue:null,description:"",name:"scrollRef",required:!0,type:{name:"any"}},environmentNotification:{defaultValue:null,description:"",name:"environmentNotification",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/index.tsx#EnvironmentDetails"]={docgenInfo:EnvironmentDetails.__docgenInfo,name:"EnvironmentDetails",path:"src/features/environmentDetails/components/index.tsx#EnvironmentDetails"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDetailsHeader.displayName="EnvironmentDetailsHeader",EnvironmentDetailsHeader.__docgenInfo={description:"",displayName:"EnvironmentDetailsHeader",props:{envName:{defaultValue:{value:""},description:"@param envName name of the selected environment\n@param onUpdateName change environment name",name:"envName",required:!1,type:{name:"string"}},showEditButton:{defaultValue:{value:"true"},description:"",name:"showEditButton",required:!1,type:{name:"boolean"}},onUpdateName:{defaultValue:null,description:"",name:"onUpdateName",required:!0,type:{name:"(value: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/components/index.tsx#EnvironmentDetailsHeader"]={docgenInfo:EnvironmentDetailsHeader.__docgenInfo,name:"EnvironmentDetailsHeader",path:"src/features/environmentDetails/components/index.tsx#EnvironmentDetailsHeader"})}catch(__react_docgen_typescript_loader_error){}try{modeChanged.displayName="modeChanged",modeChanged.__docgenInfo={description:"",displayName:"modeChanged",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#modeChanged"]={docgenInfo:modeChanged.__docgenInfo,name:"modeChanged",path:"src/features/environmentDetails/index.tsx#modeChanged"})}catch(__react_docgen_typescript_loader_error){}try{useCreateOrUpdateMutation.displayName="useCreateOrUpdateMutation",useCreateOrUpdateMutation.__docgenInfo={description:"",displayName:"useCreateOrUpdateMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<any, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#useCreateOrUpdateMutation"]={docgenInfo:useCreateOrUpdateMutation.__docgenInfo,name:"useCreateOrUpdateMutation",path:"src/features/environmentDetails/index.tsx#useCreateOrUpdateMutation"})}catch(__react_docgen_typescript_loader_error){}try{useUpdateBuildIdMutation.displayName="useUpdateBuildIdMutation",useUpdateBuildIdMutation.__docgenInfo={description:"",displayName:"useUpdateBuildIdMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<any, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#useUpdateBuildIdMutation"]={docgenInfo:useUpdateBuildIdMutation.__docgenInfo,name:"useUpdateBuildIdMutation",path:"src/features/environmentDetails/index.tsx#useUpdateBuildIdMutation"})}catch(__react_docgen_typescript_loader_error){}try{useDeleteEnvironmentMutation.displayName="useDeleteEnvironmentMutation",useDeleteEnvironmentMutation.__docgenInfo={description:"",displayName:"useDeleteEnvironmentMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<any, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#useDeleteEnvironmentMutation"]={docgenInfo:useDeleteEnvironmentMutation.__docgenInfo,name:"useDeleteEnvironmentMutation",path:"src/features/environmentDetails/index.tsx#useDeleteEnvironmentMutation"})}catch(__react_docgen_typescript_loader_error){}try{SpecificationEdit.displayName="SpecificationEdit",SpecificationEdit.__docgenInfo={description:"",displayName:"SpecificationEdit",props:{descriptionUpdated:{defaultValue:null,description:"",name:"descriptionUpdated",required:!0,type:{name:"boolean"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!0,type:{name:"boolean"}},onSpecificationIsChanged:{defaultValue:null,description:"",name:"onSpecificationIsChanged",required:!0,type:{name:"(specificationIsChanged: boolean) => void"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!0,type:{name:"(defaultEnvVersIsChanged: boolean) => void"}},onUpdateEnvironment:{defaultValue:null,description:"",name:"onUpdateEnvironment",required:!0,type:{name:"(specification: any) => void"}},onShowDialogAlert:{defaultValue:null,description:"",name:"onShowDialogAlert",required:!0,type:{name:"(showDialog: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#SpecificationEdit"]={docgenInfo:SpecificationEdit.__docgenInfo,name:"SpecificationEdit",path:"src/features/environmentDetails/index.tsx#SpecificationEdit"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDetails.displayName="EnvironmentDetails",EnvironmentDetails.__docgenInfo={description:"",displayName:"EnvironmentDetails",props:{scrollRef:{defaultValue:null,description:"",name:"scrollRef",required:!0,type:{name:"any"}},environmentNotification:{defaultValue:null,description:"",name:"environmentNotification",required:!0,type:{name:"(notification: any) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#EnvironmentDetails"]={docgenInfo:EnvironmentDetails.__docgenInfo,name:"EnvironmentDetails",path:"src/features/environmentDetails/index.tsx#EnvironmentDetails"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDetailsHeader.displayName="EnvironmentDetailsHeader",EnvironmentDetailsHeader.__docgenInfo={description:"",displayName:"EnvironmentDetailsHeader",props:{envName:{defaultValue:{value:""},description:"@param envName name of the selected environment\n@param onUpdateName change environment name",name:"envName",required:!1,type:{name:"string"}},showEditButton:{defaultValue:{value:"true"},description:"",name:"showEditButton",required:!1,type:{name:"boolean"}},onUpdateName:{defaultValue:null,description:"",name:"onUpdateName",required:!0,type:{name:"(value: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environmentDetails/index.tsx#EnvironmentDetailsHeader"]={docgenInfo:EnvironmentDetailsHeader.__docgenInfo,name:"EnvironmentDetailsHeader",path:"src/features/environmentDetails/index.tsx#EnvironmentDetailsHeader"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/environments/stories/Environments.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>Environments_stories});var es=__webpack_require__("./node_modules/react-redux/es/index.js"),react=__webpack_require__("./node_modules/react/index.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),CircularProgress=__webpack_require__("./node_modules/@mui/material/CircularProgress/CircularProgress.js"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),index_es=__webpack_require__("./node_modules/react-infinite-scroll-component/dist/index.es.js"),components=__webpack_require__("./src/components/index.tsx"),styles=__webpack_require__("./src/styles/index.tsx");const PERMISSIONS_environmentUpdate="environment::update",PERMISSIONS_namespaceCreate="namespace::create",isNamespaceListed=(list,primaryNamespace)=>!("default"!==primaryNamespace.name&&!list.some((item=>item.name===primaryNamespace.name))),checkMyPrimaryNamespace=(list,primaryNamespace)=>list.map((item=>item.name===primaryNamespace.name?{...item,isPrimary:"default"!==primaryNamespace.name,canUpdate:!0,canCreate:!0}:item));var Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),Add=__webpack_require__("./node_modules/@mui/icons-material/Add.js"),Tooltip=__webpack_require__("./node_modules/@mui/material/Tooltip/Tooltip.js"),IconButton=__webpack_require__("./node_modules/@mui/material/IconButton/IconButton.js"),AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js"),List=__webpack_require__("./node_modules/@mui/material/List/List.js"),ListItem=__webpack_require__("./node_modules/@mui/material/ListItem/ListItem.js"),Circle=__webpack_require__("./node_modules/@mui/icons-material/Circle.js"),ListItemIcon=__webpack_require__("./node_modules/@mui/material/ListItemIcon/ListItemIcon.js"),helpers=__webpack_require__("./src/utils/helpers/index.ts");const Environment_Environment=({environment,onClick,selectedEnvironmentId})=>{const isSelected=selectedEnvironmentId===environment.id,circleIconStyles=(0,helpers.I7)({width:"9px",height:"9px",color:isSelected?"#333":"#5f6367"},{width:"9px",height:"9px",color:isSelected?"#33A852":"#B9D9BD"}),buttonStyles=(0,helpers.I7)({textTransform:"none",fontSize:"13px",fontWeight:isSelected?600:400,color:"#333"},{textTransform:"none",fontSize:"13px",fontWeight:isSelected?600:400,color:isSelected?"#33A852":"#333"});return react.createElement(react.Fragment,null,react.createElement(ListItemIcon.Z,{sx:{width:"5px",minWidth:"auto",marginRight:"12px"}},react.createElement(Circle.Z,{sx:circleIconStyles})),react.createElement(styles.Qh,{sx:buttonStyles,onClick},environment.name))};try{Environment_Environment.displayName="Environment",Environment_Environment.__docgenInfo={description:"",displayName:"Environment",props:{environment:{defaultValue:null,description:"@param environment environment\n@param onClick click handler\n@param selectedEnvironmentId id of the currently selected environment",name:"environment",required:!0,type:{name:"Environment"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}},selectedEnvironmentId:{defaultValue:null,description:"",name:"selectedEnvironmentId",required:!0,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/Environment.tsx#Environment"]={docgenInfo:Environment_Environment.__docgenInfo,name:"Environment",path:"src/features/environments/components/Environment.tsx#Environment"})}catch(__react_docgen_typescript_loader_error){}var environmentDetails=__webpack_require__("./src/features/environmentDetails/index.tsx"),tabs=__webpack_require__("./src/features/tabs/index.tsx"),hooks=__webpack_require__("./src/hooks.ts");const environmentAddIconGrayscaleStyles={width:"15px",height:"15px",color:"#2B2B2B"},environmentAddIconGreenAccentStyles={width:"18px",height:"18px",color:"#33A852"},EnvironmentDropdown_EnvironmentDropdown=({data:{namespace,environments,canCreate,canUpdate}})=>{const{selectedEnvironment}=(0,hooks.C)((state=>state.tabs)),[isExpanded,setIsExpanded]=(0,react.useState)(!1),dispatch=(0,hooks.T)(),addIconStyles=(0,helpers.I7)(environmentAddIconGrayscaleStyles,environmentAddIconGreenAccentStyles);return react.createElement(Accordion.Z,{sx:{border:"none",position:"initial",backgroundColor:"transparent"},elevation:0,expanded:isExpanded,disableGutters:!0,onChange:()=>setIsExpanded(!isExpanded)},react.createElement(styles.k,{sx:{flexDirection:"row-reverse",border:"none",paddingRight:0},expandIcon:react.createElement(components.e0,null)},react.createElement(Box.Z,{sx:{width:"100%",marginLeft:"15px",display:"flex",alignItems:"center",justifyContent:"space-between"}},react.createElement(Typography.Z,{sx:{fontWeight:600,fontSize:"14px",color:" #333"}},namespace),react.createElement(Tooltip.Z,{title:canCreate?`Create a new environment in the ${namespace} namespace`:`You do not have permission to create an environment in the ${namespace} namespace`},react.createElement(IconButton.Z,{onClick:e=>((event,namespace)=>{canCreate?(isExpanded&&event.stopPropagation(),dispatch((0,environmentDetails.sq)(environmentDetails.sZ.CREATE)),dispatch((0,tabs.wc)(namespace))):event.stopPropagation()})(e,namespace)},react.createElement(Add.Z,{sx:{...addIconStyles,...!canCreate&&{color:"#e5e5e5"}}}))))),react.createElement(AccordionDetails.Z,{sx:{paddingLeft:"30px",paddingTop:"5px",paddingBottom:"0px"}},react.createElement(List.Z,{sx:{padding:"0px"}},environments.map((environment=>react.createElement(ListItem.ZP,{key:environment.id,disablePadding:!0,sx:{marginBottom:"20px"}},react.createElement(Environment_Environment,{onClick:()=>{dispatch((0,tabs.n7)({environment,selectedEnvironmentId:null==selectedEnvironment?void 0:selectedEnvironment.id,canUpdate})),dispatch((0,environmentDetails.sq)(environmentDetails.sZ.READ)),dispatch((0,tabs.iF)(!1))},environment,selectedEnvironmentId:null==selectedEnvironment?void 0:selectedEnvironment.id})))))))};try{EnvironmentDropdown_EnvironmentDropdown.displayName="EnvironmentDropdown",EnvironmentDropdown_EnvironmentDropdown.__docgenInfo={description:"",displayName:"EnvironmentDropdown",props:{data:{defaultValue:null,description:"@param data object containing the namespace information and the list of environments that belong to it",name:"data",required:!0,type:{name:"INamespaceEnvironments"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/EnvironmentDropdown.tsx#EnvironmentDropdown"]={docgenInfo:EnvironmentDropdown_EnvironmentDropdown.__docgenInfo,name:"EnvironmentDropdown",path:"src/features/environments/components/EnvironmentDropdown.tsx#EnvironmentDropdown"})}catch(__react_docgen_typescript_loader_error){}const EnvironmentsList_EnvironmentsList=({environmentsList,namespacesList,hasMore,next,search})=>{const scrollRef=(0,react.useRef)(null),{primaryNamespace,sharedNamespaces}=(0,react.useMemo)((()=>{const envsGroupedByNamespace=((environmentsList,namespacesList)=>{const environments=(environmentsList=>environmentsList.reduce(((acc,curr)=>(acc[curr.namespace.name]||(acc[curr.namespace.name]=[]),acc[curr.namespace.name]=[...acc[curr.namespace.name],curr],acc)),{}))(environmentsList);return namespacesList.map((namespace=>{var _a;return{namespace:namespace.name,environments:null!==(_a=environments[namespace.name])&&void 0!==_a?_a:[],isPrimary:!!namespace.isPrimary,canCreate:namespace.canCreate,canUpdate:namespace.canUpdate}}))})(environmentsList,namespacesList),primaryNamespace=(namespaces=envsGroupedByNamespace,Object.values(namespaces).find((namespace=>{if(namespace.isPrimary)return{namespace:namespace.namespace,environments:namespace.environments}})));var namespaces;const sharedNamespaces=(namespaces=>Object.values(namespaces).filter((namespace=>{if(!namespace.isPrimary)return{namespace:namespace.namespace,environments:namespace.environments}})))(envsGroupedByNamespace);return{primaryNamespace,sharedNamespaces}}),[environmentsList,namespacesList]);return(0,react.useEffect)((()=>{var _a;null===(_a=scrollRef.current)||void 0===_a||_a.scrollTo(0,0)}),[search]),react.createElement(styles.Yy,{sx:{height:"calc(100vh - 130px)"},id:"environmentsScroll",ref:scrollRef},react.createElement(index_es.Z,{scrollableTarget:"environmentsScroll",style:{overflow:"hidden",paddingBottom:"25px"},dataLength:environmentsList.length,hasMore,next,loader:react.createElement(Box.Z,{sx:{display:"flex",justifyContent:"center",marginTop:"10px"}},react.createElement(CircularProgress.Z,null))},primaryNamespace&&react.createElement(Box.Z,{sx:{minHeight:"50px",margin:"-5px 0 5px 0px"}},react.createElement(EnvironmentDropdown_EnvironmentDropdown,{data:primaryNamespace})),react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center",margin:"0 0 5px 12px"}},react.createElement(Typography.Z,{sx:{textTransform:"uppercase",fontWeight:600,marginRight:"10px",fontSize:"13px",color:" #333"}},"Shared environments"),react.createElement(components.ED,{style:{marginLeft:"10px",scale:".8"}})),sharedNamespaces&&sharedNamespaces.map((namespace=>react.createElement(EnvironmentDropdown_EnvironmentDropdown,{key:namespace.namespace,data:namespace})))))};try{EnvironmentsList_EnvironmentsList.displayName="EnvironmentsList",EnvironmentsList_EnvironmentsList.__docgenInfo={description:"",displayName:"EnvironmentsList",props:{environmentsList:{defaultValue:null,description:"@param environmentsList environments list\n@param namespacesList namespaces list\n@param hasMore indicates whether there are more items to fetch\n@param next function that will run on the bottom of the inf scroll\n@param search current search",name:"environmentsList",required:!0,type:{name:"Environment[]"}},namespacesList:{defaultValue:null,description:"",name:"namespacesList",required:!0,type:{name:"Namespace[]"}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:null,description:"",name:"next",required:!0,type:{name:"() => void"}},search:{defaultValue:null,description:"",name:"search",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/EnvironmentsList.tsx#EnvironmentsList"]={docgenInfo:EnvironmentsList_EnvironmentsList.__docgenInfo,name:"EnvironmentsList",path:"src/features/environments/components/EnvironmentsList.tsx#EnvironmentsList"})}catch(__react_docgen_typescript_loader_error){}var lodash=__webpack_require__("./node_modules/lodash/lodash.js"),OutlinedInput=__webpack_require__("./node_modules/@mui/material/OutlinedInput/OutlinedInput.js"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),preferences=__webpack_require__("./src/preferences.tsx"),api=__webpack_require__("./src/features/api/index.ts");const authApiSlice=api.g.injectEndpoints({endpoints:builder=>({getAuth:builder.query({query:()=>"/api/v1/permission/"}),logout:builder.mutation({query:logoutUrl=>({url:logoutUrl,method:"POST"})}),login:builder.mutation({query:loginUrl=>({url:loginUrl,method:"GET"})})})}),{useLazyGetAuthQuery:authApiSlice_useLazyGetAuthQuery,useLogoutMutation:authApiSlice_useLogoutMutation,useLoginMutation:authApiSlice_useLoginMutation}=authApiSlice,AuthButton=()=>{const prefs=react.useContext(preferences.uo),authUrl=prefs.loginUrl,pageUrl=window.location.href,loginPageUrl=`${authUrl}${pageUrl}`,logoutUrl=prefs.logoutUrl,[triggerAuthQuery]=authApiSlice_useLazyGetAuthQuery(),[triggerLogout]=authApiSlice_useLogoutMutation(),[triggerLogin]=authApiSlice_useLoginMutation(),[authenticated,setAuthenticated]=(0,react.useState)(!1),handleOnClick=()=>{authenticated?(async()=>{await triggerLogout(logoutUrl),setAuthenticated(!1),window.location.href=pageUrl})():(async()=>{await triggerLogin(loginPageUrl),setAuthenticated(!0),window.location.href=loginPageUrl})()};return(0,react.useEffect)((()=>{(async()=>{(async()=>{const{data:permissions}=await triggerAuthQuery();setAuthenticated(permissions.data.authenticated)})()})()}),[]),react.createElement(styles.nX,{onClick:()=>{handleOnClick()},sx:{position:"absolute",top:14,right:18}},authenticated?"Log out":"Log in")};try{useLazyGetAuthQuery.displayName="useLazyGetAuthQuery",useLazyGetAuthQuery.__docgenInfo={description:"",displayName:"useLazyGetAuthQuery",props:{pollingInterval:{defaultValue:null,description:"How frequently to automatically re-fetch data (in milliseconds). Defaults to `0` (off).",name:"pollingInterval",required:!1,type:{name:"number"}},refetchOnReconnect:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after regaining a network connection.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnReconnect",required:!1,type:{name:"boolean"}},refetchOnFocus:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after the application window regains focus.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnFocus",required:!1,type:{name:"boolean"}},selectFromResult:{defaultValue:null,description:'`selectFromResult` allows you to get a specific segment from a query result in a performant manner.\nWhen using this feature, the component will not rerender unless the underlying data of the selected item has changed.\nIf the selected item is one element in a larger collection, it will disregard changes to elements in the same collection.\n@example ```ts\n// codeblock-meta title="Using selectFromResult to extract a single result"\nfunction PostsList() {\n  const { data: posts } = api.useGetPostsQuery();\n\n  return (\n    <ul>\n      {posts?.data?.map((post) => (\n        <PostById key={post.id} id={post.id} />\n      ))}\n    </ul>\n  );\n}\n\nfunction PostById({ id }: { id: number }) {\n  // Will select the post with the given id, and will only rerender if the given posts data changes\n  const { post } = api.useGetPostsQuery(undefined, {\n    selectFromResult: ({ data }) => ({ post: data?.find((post) => post.id === id) }),\n  });\n\n  return <li>{post?.name}</li>;\n}\n```',name:"selectFromResult",required:!1,type:{name:'QueryStateSelector<R, QueryDefinition<void, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/auth/index.tsx#useLazyGetAuthQuery"]={docgenInfo:useLazyGetAuthQuery.__docgenInfo,name:"useLazyGetAuthQuery",path:"src/features/auth/index.tsx#useLazyGetAuthQuery"})}catch(__react_docgen_typescript_loader_error){}try{useLogoutMutation.displayName="useLogoutMutation",useLogoutMutation.__docgenInfo={description:"",displayName:"useLogoutMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<string, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/auth/index.tsx#useLogoutMutation"]={docgenInfo:useLogoutMutation.__docgenInfo,name:"useLogoutMutation",path:"src/features/auth/index.tsx#useLogoutMutation"})}catch(__react_docgen_typescript_loader_error){}try{useLoginMutation.displayName="useLoginMutation",useLoginMutation.__docgenInfo={description:"",displayName:"useLoginMutation",props:{selectFromResult:{defaultValue:null,description:"",name:"selectFromResult",required:!1,type:{name:'MutationStateSelector<R, MutationDefinition<string, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, any, "api">>'}},fixedCacheKey:{defaultValue:null,description:"",name:"fixedCacheKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/auth/index.tsx#useLoginMutation"]={docgenInfo:useLoginMutation.__docgenInfo,name:"useLoginMutation",path:"src/features/auth/index.tsx#useLoginMutation"})}catch(__react_docgen_typescript_loader_error){}const EnvironmentsSearch_EnvironmentsSearch=({onChange})=>{const prefs=react.useContext(preferences.uo),showAuthButton=prefs.showAuthButton,isCookieAuthMethod="cookie"===prefs.authMethod;let authButton;return showAuthButton&&isCookieAuthMethod&&(authButton=react.createElement(AuthButton,null)),react.createElement(Box.Z,{sx:{padding:"15px 12px",position:"relative"}},react.createElement(Typography.Z,{"data-testid":"env-search-title",sx:{marginBottom:"14px",textAlign:"left",color:" #333",fontWeight:600,fontSize:"14px",marginTop:"40px"}},"Package Manager"),authButton,react.createElement(OutlinedInput.Z,{onChange,size:"small",endAdornment:react.createElement(InputAdornment.Z,{position:"end"},react.createElement(components.IM,{style:{marginRight:"5px"}})),placeholder:"Search for environment",sx:{borderRadius:"15px",paddingRight:"10px",width:"100%","&::placeholder":{fontSize:"14px",fontWeight:400}},inputProps:{style:{padding:"7px",paddingLeft:"15px",fontSize:"14px"}}}))};try{EnvironmentsSearch_EnvironmentsSearch.displayName="EnvironmentsSearch",EnvironmentsSearch_EnvironmentsSearch.__docgenInfo={description:"",displayName:"EnvironmentsSearch",props:{onChange:{defaultValue:null,description:"@param onChange change handler that will trigger when we search for an environment",name:"onChange",required:!0,type:{name:"(e: ChangeEvent<HTMLInputElement>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/EnvironmentsSearch.tsx#EnvironmentsSearch"]={docgenInfo:EnvironmentsSearch_EnvironmentsSearch.__docgenInfo,name:"EnvironmentsSearch",path:"src/features/environments/components/EnvironmentsSearch.tsx#EnvironmentsSearch"})}catch(__react_docgen_typescript_loader_error){}const environmentsApiSlice=api.g.injectEndpoints({endpoints:builder=>({fetchEnvironments:builder.query({query:dto=>`/api/v1/environment/?page=${dto.page}&size=${dto.size}&search=${dto.search}`})})}),{useLazyFetchEnvironmentsQuery}=environmentsApiSlice,namespacesApiSlice=api.g.injectEndpoints({endpoints:builder=>({fetchNamespaces:builder.query({query:dto=>`/api/v1/namespace/?page=${dto.page}&size=${dto.size}`}),fetchPrimaryNamespace:builder.query({query:()=>"/api/v1/permission/"})})}),{useLazyFetchNamespacesQuery,useLazyFetchPrimaryNamespaceQuery}=namespacesApiSlice;var ActionTypes;!function(ActionTypes){ActionTypes.DATA_FETCHED="environments/data_fetched",ActionTypes.SEARCHED="environments/searched",ActionTypes.NEXT_FETCHED="environments/next_fetched"}(ActionTypes||(ActionTypes={}));const initialState={page:1,data:[],count:0,search:""},environmentsReducer=(state,action)=>{var _a;switch(action.type){case ActionTypes.DATA_FETCHED:{const{count,data}=action.payload;return{...state,count,data}}case ActionTypes.SEARCHED:return{...action.payload,page:1};case ActionTypes.NEXT_FETCHED:{const{data,count}=action.payload,newData=null===(_a=state.data)||void 0===_a?void 0:_a.concat(data),nextPage=state.page+1;return{...state,data:newData,count,page:nextPage}}}};var reducer_ActionTypes;!function(ActionTypes){ActionTypes.DATA_FETCHED="namespaces/data_fetched"}(reducer_ActionTypes||(reducer_ActionTypes={}));const reducer_initialState={page:1,data:[],count:0},namespacesReducer=(state,action)=>{if(action.type===reducer_ActionTypes.DATA_FETCHED){const{count,data}=action.payload;return{...state,count,data}}},Environments_Environments=(0,react.memo)((({refreshEnvironments,onUpdateRefreshEnvironments})=>{const[state,dispatch]=(0,react.useReducer)(environmentsReducer,initialState),[stateN,dispatchN]=(0,react.useReducer)(namespacesReducer,reducer_initialState),[triggerNamespacesQuery]=useLazyFetchNamespacesQuery(),[triggerPrimaryNamespace]=useLazyFetchPrimaryNamespaceQuery(),[triggerQuery]=useLazyFetchEnvironmentsQuery(),getNamespaces=async()=>{const{data:namespacesData}=await triggerNamespacesQuery({page:stateN.page,size:100});if(namespacesData){const{primaryNamespace,namespaces}=await getNamespacesData(namespacesData.data);dispatchN({type:reducer_ActionTypes.DATA_FETCHED,payload:{data:isNamespaceListed(namespaces,primaryNamespace)?checkMyPrimaryNamespace(namespaces,primaryNamespace):[...namespaces,{...primaryNamespace,isPrimary:!0}],count:namespacesData.count}}),await getEnvironments()}},getNamespacesData=async namespaces=>{try{const{data:permissions}=await triggerPrimaryNamespace(),namespacesWithPermissions=((namespaces,permissions)=>namespaces.map((namespace=>{var _a;const entity=`${namespace.name}/*`,allPermissions=permissions.data.entity_permissions["*/*"],namespacePermissions=null!==(_a=permissions.data.entity_permissions[entity])&&void 0!==_a?_a:[];return{id:namespace.id,name:namespace.name,canCreate:!!allPermissions||namespacePermissions.includes(PERMISSIONS_namespaceCreate),canUpdate:!!allPermissions||namespacePermissions.includes(PERMISSIONS_environmentUpdate)}})))(namespaces,permissions);return{namespaces:namespacesWithPermissions,primaryNamespace:{id:void 0,name:permissions.data.primary_namespace,canCreate:!0,canUpdate:!0}}}catch(e){return{namespaces:[],primaryNamespace:{id:void 0,name:"default",canCreate:!0,canUpdate:!0}}}},getEnvironments=async()=>{const{data:environmentsData}=await triggerQuery({page:state.page,size:100,search:state.search});environmentsData&&dispatch({type:ActionTypes.DATA_FETCHED,payload:{data:environmentsData.data,count:environmentsData.count}})},handleChange=(0,lodash.debounce)((async value=>{const{data}=await triggerQuery({page:1,size:100,search:value});data&&dispatch({type:ActionTypes.SEARCHED,payload:{data:data.data,count:data.count,search:value}})}),500);return(0,react.useEffect)((()=>{(async()=>{getNamespaces()})()}),[]),(0,react.useEffect)((()=>{(async()=>{refreshEnvironments&&(getNamespaces(),onUpdateRefreshEnvironments(!1))})()}),[refreshEnvironments]),react.createElement(Box.Z,{sx:{width:"100%",position:"relative",borderRight:"1px solid #E0E0E0"}},react.createElement(Box.Z,null,react.createElement(EnvironmentsSearch_EnvironmentsSearch,{onChange:e=>handleChange(e.target.value)})),react.createElement(Box.Z,{sx:{position:"relative",zIndex:"1",paddingTop:"15px"}},state.data&&react.createElement(EnvironmentsList_EnvironmentsList,{next:async()=>{const{data}=await triggerQuery({page:state.page+1,size:100,search:state.search});data&&dispatch({type:ActionTypes.NEXT_FETCHED,payload:{data:data.data,count:data.count}})},hasMore:100*state.page<state.count,environmentsList:state.data,namespacesList:stateN.data,search:state.search})),react.createElement(Box.Z,{sx:{position:"absolute",width:"100%",textAlign:"center",bottom:"20px",zIndex:"0"}},react.createElement(components.Vt,null)))}));try{Environments_Environments.displayName="Environments",Environments_Environments.__docgenInfo={description:"",displayName:"Environments",props:{refreshEnvironments:{defaultValue:null,description:"",name:"refreshEnvironments",required:!0,type:{name:"boolean"}},onUpdateRefreshEnvironments:{defaultValue:null,description:"",name:"onUpdateRefreshEnvironments",required:!0,type:{name:"(isUpdated: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/Environments.tsx#Environments"]={docgenInfo:Environments_Environments.__docgenInfo,name:"Environments",path:"src/features/environments/components/Environments.tsx#Environments"})}catch(__react_docgen_typescript_loader_error){}try{Environments.displayName="Environments",Environments.__docgenInfo={description:"",displayName:"Environments",props:{refreshEnvironments:{defaultValue:null,description:"",name:"refreshEnvironments",required:!0,type:{name:"boolean"}},onUpdateRefreshEnvironments:{defaultValue:null,description:"",name:"onUpdateRefreshEnvironments",required:!0,type:{name:"(isUpdated: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#Environments"]={docgenInfo:Environments.__docgenInfo,name:"Environments",path:"src/features/environments/components/index.tsx#Environments"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentsSearch.displayName="EnvironmentsSearch",EnvironmentsSearch.__docgenInfo={description:"",displayName:"EnvironmentsSearch",props:{onChange:{defaultValue:null,description:"@param onChange change handler that will trigger when we search for an environment",name:"onChange",required:!0,type:{name:"(e: ChangeEvent<HTMLInputElement>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#EnvironmentsSearch"]={docgenInfo:EnvironmentsSearch.__docgenInfo,name:"EnvironmentsSearch",path:"src/features/environments/components/index.tsx#EnvironmentsSearch"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentDropdown.displayName="EnvironmentDropdown",EnvironmentDropdown.__docgenInfo={description:"",displayName:"EnvironmentDropdown",props:{data:{defaultValue:null,description:"@param data object containing the namespace information and the list of environments that belong to it",name:"data",required:!0,type:{name:"INamespaceEnvironments"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#EnvironmentDropdown"]={docgenInfo:EnvironmentDropdown.__docgenInfo,name:"EnvironmentDropdown",path:"src/features/environments/components/index.tsx#EnvironmentDropdown"})}catch(__react_docgen_typescript_loader_error){}try{Environment.displayName="Environment",Environment.__docgenInfo={description:"",displayName:"Environment",props:{environment:{defaultValue:null,description:"@param environment environment\n@param onClick click handler\n@param selectedEnvironmentId id of the currently selected environment",name:"environment",required:!0,type:{name:"Environment"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}},selectedEnvironmentId:{defaultValue:null,description:"",name:"selectedEnvironmentId",required:!0,type:{name:"number | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#Environment"]={docgenInfo:Environment.__docgenInfo,name:"Environment",path:"src/features/environments/components/index.tsx#Environment"})}catch(__react_docgen_typescript_loader_error){}try{EnvironmentsList.displayName="EnvironmentsList",EnvironmentsList.__docgenInfo={description:"",displayName:"EnvironmentsList",props:{environmentsList:{defaultValue:null,description:"@param environmentsList environments list\n@param namespacesList namespaces list\n@param hasMore indicates whether there are more items to fetch\n@param next function that will run on the bottom of the inf scroll\n@param search current search",name:"environmentsList",required:!0,type:{name:"Environment[]"}},namespacesList:{defaultValue:null,description:"",name:"namespacesList",required:!0,type:{name:"Namespace[]"}},hasMore:{defaultValue:null,description:"",name:"hasMore",required:!0,type:{name:"boolean"}},next:{defaultValue:null,description:"",name:"next",required:!0,type:{name:"() => void"}},search:{defaultValue:null,description:"",name:"search",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/environments/components/index.tsx#EnvironmentsList"]={docgenInfo:EnvironmentsList.__docgenInfo,name:"EnvironmentsList",path:"src/features/environments/components/index.tsx#EnvironmentsList"})}catch(__react_docgen_typescript_loader_error){}var store=__webpack_require__("./src/store/index.ts");const Environments_stories={component:Environments_Environments},Primary=(()=>react.createElement(es.zt,{store:store.h},react.createElement(Environments_Environments,{refreshEnvironments:!1,onUpdateRefreshEnvironments:()=>{}}))).bind({})},"./src/features/metadata/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{jM:()=>enviromentsSlice});var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js");const environmentsApiSlice=__webpack_require__("./src/features/api/index.ts").g.injectEndpoints({endpoints:builder=>({getEnviroments:builder.query({query:()=>"/api/v1/build/"}),getEnviromentBuild:builder.query({query:environmentId=>`/api/v1/build/${environmentId}/`}),getEnviroment:builder.query({query:env=>`/api/v1/environment/${env.namespace.name}/${env.name}/`}),getEnviromentBuilds:builder.query({query:env=>`/api/v1/build/?namespace=${env.namespace.name}&name=${env.name}&order=desc&sort_by=scheduled_on`,keepUnusedDataFor:0})})}),{useGetEnviromentsQuery,useGetEnviromentQuery,useGetEnviromentBuildsQuery,useGetEnviromentBuildQuery,useLazyGetEnviromentBuildQuery:metadataApiSlice_useLazyGetEnviromentBuildQuery}=environmentsApiSlice,initialState={enviroments:[],builds:[],page:1,count:0,size:0,currentBuild:{id:void 0},newCurrentBuild:void 0},enviromentsSlice=(0,redux_toolkit_esm.oM)({name:"environments",initialState,reducers:{currentBuildIdChanged:(state,action)=>{const newBuildId=action.payload;state.currentBuild.id=newBuildId;const build=state.builds.find((build=>build.id===newBuildId));state.newCurrentBuild=build&&"COMPLETED"===build.status?build.id:void 0},updateBuilds:(state,action)=>{state.builds=action.payload}},extraReducers:builder=>{builder.addMatcher(environmentsApiSlice.endpoints.getEnviroments.matchFulfilled,((state,{payload:{data}})=>{state.enviroments.push(...data)})),builder.addMatcher(environmentsApiSlice.endpoints.getEnviromentBuilds.matchFulfilled,((state,{payload:{data}})=>{state.builds=data}))}}),{currentBuildIdChanged:metadataSlice_currentBuildIdChanged,updateBuilds:metadataSlice_updateBuilds}=enviromentsSlice.actions;var EnvMetadata_EnvironmentDetailsModes;__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/hooks.ts"),__webpack_require__("./src/components/index.tsx"),__webpack_require__("./src/styles/index.tsx");!function(EnvironmentDetailsModes){EnvironmentDetailsModes.CREATE="create",EnvironmentDetailsModes.READ="read-only",EnvironmentDetailsModes.EDIT="edit"}(EnvMetadata_EnvironmentDetailsModes||(EnvMetadata_EnvironmentDetailsModes={}));const EnvMetadata_EnvMetadata=({mode,description="",currentBuildId,selectedBuildId,specificationIsChanged,onDefaultEnvIsChanged,onUpdateDescription,onUpdateBuildId})=>{const{builds,newCurrentBuild}=useAppSelector((state=>state.enviroments));return React.createElement(BlockContainer,{title:"Environment Metadata"},React.createElement(Description,{mode,description:description||void 0,onChangeDescription:onUpdateDescription}),React.createElement("div",{style:{display:"flex",alignItems:"center",gap:"15px"}},mode!==EnvMetadata_EnvironmentDetailsModes.CREATE&&currentBuildId&&selectedBuildId&&React.createElement("div",null,React.createElement(EnvBuilds,{currentBuildId,selectedBuildId,builds,mode})),mode===EnvMetadata_EnvironmentDetailsModes.EDIT&&newCurrentBuild&&currentBuildId!==newCurrentBuild&&React.createElement(StyledButtonPrimary,{variant:"contained",onClick:()=>(newCurrentBuild=>{onUpdateBuildId(newCurrentBuild),onDefaultEnvIsChanged&&onDefaultEnvIsChanged(!0)})(newCurrentBuild),isalttype:"true",disabled:specificationIsChanged||!1},"Change environment version")))};try{EnvMetadata_EnvMetadata.displayName="EnvMetadata",EnvMetadata_EnvMetadata.__docgenInfo={description:"",displayName:"EnvMetadata",props:{description:{defaultValue:{value:""},description:"@param mode change whether the component only displays the list of builds, edit the environment description or create a new description\n@param onUpdateDescription change environment description",name:"description",required:!1,type:{name:"any"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!1,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!1,type:{name:"number"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!1,type:{name:"boolean"}},specificationIsChanged:{defaultValue:null,description:"",name:"specificationIsChanged",required:!1,type:{name:"boolean"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((defaultEnvVersIsChanged: boolean) => void)"}},onUpdateDescription:{defaultValue:null,description:"",name:"onUpdateDescription",required:!0,type:{name:"(description: string) => void"}},onUpdateBuildId:{defaultValue:null,description:"",name:"onUpdateBuildId",required:!0,type:{name:"(buildId: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/EnvMetadata.tsx#EnvMetadata"]={docgenInfo:EnvMetadata_EnvMetadata.__docgenInfo,name:"EnvMetadata",path:"src/features/metadata/components/EnvMetadata.tsx#EnvMetadata"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/utils/helpers/index.ts");const BuildDropdown_Build=({builds,selectedBuildId})=>{const dispatch=useAppDispatch(),{palette}=useTheme(),[open,setOpen]=useState(!1),selectStyles=getStylesForStyleType({borderRadius:"0px",marginBottom:"10px"},{borderRadius:"0px",marginBottom:"10px",backgroundColor:open?"#A8DAB5":"initial"}),paperProps=getStylesForStyleType({},{backgroundColor:"#A8DAB5",padding:"0px",boxShadow:"none",borderRadius:"0px",border:"1px solid #BCBFC4"});return React.createElement(Select,{open,onClose:()=>setOpen(!1),onOpen:()=>setOpen(!0),sx:selectStyles,MenuProps:{PaperProps:{style:paperProps},MenuListProps:{style:{padding:"0px"}}},value:selectedBuildId,onChange:e=>{const newCurrentBuild=builds.find((build=>build.id===Number(e.target.value)));newCurrentBuild&&dispatch(currentBuildIdChanged(newCurrentBuild.id))},IconComponent:()=>React.createElement(IconButton,{sx:{padding:"0px"},onClick:()=>setOpen((currState=>!currState))},React.createElement(ArrowDropDownIcon,{sx:{height:"37px",borderLeft:`1px solid  ${palette.primary.main}`}})),inputProps:{"data-testid":"test-select",sx:{padding:"7px 9px !important",fontSize:"13px",background:"#FFF"}}},React.createElement(MenuItem,{key:"empty",value:"",sx:{display:"none"}}," "),builds?builds.map((build=>React.createElement(MenuItem,{key:build.id,value:build.id},build.name))):null)};try{BuildDropdown_Build.displayName="Build",BuildDropdown_Build.__docgenInfo={description:"",displayName:"Build",props:{builds:{defaultValue:null,description:"@param builds list of builds\n@param currentBuildId id of the current build\n@param onChangeStatus update the build status",name:"builds",required:!0,type:{name:"{ id: number; name: string; status: string; }[]"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/BuildDropdown.tsx#Build"]={docgenInfo:BuildDropdown_Build.__docgenInfo,name:"Build",path:"src/features/metadata/components/BuildDropdown.tsx#Build"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/styles/StyledMetadataItem.tsx"),__webpack_require__("./src/features/environmentDetails/index.tsx");const Description_Description=({mode,description,onChangeDescription})=>React.createElement(Box,null,mode===EnvironmentDetailsModes.READ&&description&&React.createElement(StyledMetadataItem,null,description),mode!==EnvironmentDetailsModes.READ&&React.createElement(React.Fragment,null,React.createElement(StyledMetadataItem,{sx:{fontWeight:500}},"Description:"),React.createElement(Box,null,React.createElement(TextField,{multiline:!0,value:description,placeholder:"Enter here the description of your environment",sx:{backgroundColor:"#F1F1F1",width:"100%",marginBottom:"10px"},inputProps:{style:{fontSize:"13px"}},onChange:e=>onChangeDescription(e.target.value)}))));try{Description_Description.displayName="Description",Description_Description.__docgenInfo={description:"",displayName:"Description",props:{mode:{defaultValue:null,description:"@param mode change whether the component only displays the list or we are able to edit it",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},onChangeDescription:{defaultValue:null,description:"",name:"onChangeDescription",required:!0,type:{name:"(description: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/Description.tsx#Description"]={docgenInfo:Description_Description.__docgenInfo,name:"Description",path:"src/features/metadata/components/Description.tsx#Description"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/utils/helpers/buildMapper.ts");const EnvBuilds_EnvBuilds=({currentBuildId,selectedBuildId,builds,mode})=>{const envBuilds=builds.length?buildMapper(builds,currentBuildId):[],currentBuild=envBuilds.find((build=>build.id===selectedBuildId));return React.createElement(React.Fragment,null,React.createElement(StyledMetadataItem,{sx:{fontWeight:500,paddingBottom:"5px"}},"edit"===mode?"Change active environment version:":"Builds:"),currentBuild&&React.createElement(React.Fragment,null,React.createElement(Build,{builds:envBuilds,selectedBuildId}),React.createElement(StyledMetadataItem,{sx:{marginTop:"0",fontSize:"13px",fontWeight:500,paddingBottom:"0"}},"Status: ","",React.createElement(Typography,{component:"span",sx:{fontSize:"13px"}},currentBuild.status,("Building"===currentBuild.status||"Queued"===currentBuild.status)&&React.createElement(CircularProgress,{size:10,sx:{marginLeft:"8px"}})))),!currentBuild&&React.createElement(CircularProgress,{size:20,sx:{marginLeft:"15px",marginTop:"6px",marginBottom:"7px"}}))};try{EnvBuilds_EnvBuilds.displayName="EnvBuilds",EnvBuilds_EnvBuilds.__docgenInfo={description:"",displayName:"EnvBuilds",props:{currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!0,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}},builds:{defaultValue:null,description:"",name:"builds",required:!0,type:{name:"Build[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/EnvBuilds.tsx#EnvBuilds"]={docgenInfo:EnvBuilds_EnvBuilds.__docgenInfo,name:"EnvBuilds",path:"src/features/metadata/components/EnvBuilds.tsx#EnvBuilds"})}catch(__react_docgen_typescript_loader_error){}try{EnvMetadata.displayName="EnvMetadata",EnvMetadata.__docgenInfo={description:"",displayName:"EnvMetadata",props:{description:{defaultValue:{value:""},description:"@param mode change whether the component only displays the list of builds, edit the environment description or create a new description\n@param onUpdateDescription change environment description",name:"description",required:!1,type:{name:"any"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!1,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!1,type:{name:"number"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!1,type:{name:"boolean"}},specificationIsChanged:{defaultValue:null,description:"",name:"specificationIsChanged",required:!1,type:{name:"boolean"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((defaultEnvVersIsChanged: boolean) => void)"}},onUpdateDescription:{defaultValue:null,description:"",name:"onUpdateDescription",required:!0,type:{name:"(description: string) => void"}},onUpdateBuildId:{defaultValue:null,description:"",name:"onUpdateBuildId",required:!0,type:{name:"(buildId: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/index.tsx#EnvMetadata"]={docgenInfo:EnvMetadata.__docgenInfo,name:"EnvMetadata",path:"src/features/metadata/components/index.tsx#EnvMetadata"})}catch(__react_docgen_typescript_loader_error){}try{Build.displayName="Build",Build.__docgenInfo={description:"",displayName:"Build",props:{builds:{defaultValue:null,description:"@param builds list of builds\n@param currentBuildId id of the current build\n@param onChangeStatus update the build status",name:"builds",required:!0,type:{name:"{ id: number; name: string; status: string; }[]"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/index.tsx#Build"]={docgenInfo:Build.__docgenInfo,name:"Build",path:"src/features/metadata/components/index.tsx#Build"})}catch(__react_docgen_typescript_loader_error){}try{Description.displayName="Description",Description.__docgenInfo={description:"",displayName:"Description",props:{mode:{defaultValue:null,description:"@param mode change whether the component only displays the list or we are able to edit it",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},onChangeDescription:{defaultValue:null,description:"",name:"onChangeDescription",required:!0,type:{name:"(description: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/index.tsx#Description"]={docgenInfo:Description.__docgenInfo,name:"Description",path:"src/features/metadata/components/index.tsx#Description"})}catch(__react_docgen_typescript_loader_error){}try{EnvBuilds.displayName="EnvBuilds",EnvBuilds.__docgenInfo={description:"",displayName:"EnvBuilds",props:{currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!0,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}},builds:{defaultValue:null,description:"",name:"builds",required:!0,type:{name:"Build[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/components/index.tsx#EnvBuilds"]={docgenInfo:EnvBuilds.__docgenInfo,name:"EnvBuilds",path:"src/features/metadata/components/index.tsx#EnvBuilds"})}catch(__react_docgen_typescript_loader_error){}try{currentBuildIdChanged.displayName="currentBuildIdChanged",currentBuildIdChanged.__docgenInfo={description:"",displayName:"currentBuildIdChanged",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#currentBuildIdChanged"]={docgenInfo:currentBuildIdChanged.__docgenInfo,name:"currentBuildIdChanged",path:"src/features/metadata/index.tsx#currentBuildIdChanged"})}catch(__react_docgen_typescript_loader_error){}try{updateBuilds.displayName="updateBuilds",updateBuilds.__docgenInfo={description:"",displayName:"updateBuilds",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#updateBuilds"]={docgenInfo:updateBuilds.__docgenInfo,name:"updateBuilds",path:"src/features/metadata/index.tsx#updateBuilds"})}catch(__react_docgen_typescript_loader_error){}try{useLazyGetEnviromentBuildQuery.displayName="useLazyGetEnviromentBuildQuery",useLazyGetEnviromentBuildQuery.__docgenInfo={description:"",displayName:"useLazyGetEnviromentBuildQuery",props:{pollingInterval:{defaultValue:null,description:"How frequently to automatically re-fetch data (in milliseconds). Defaults to `0` (off).",name:"pollingInterval",required:!1,type:{name:"number"}},refetchOnReconnect:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after regaining a network connection.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnReconnect",required:!1,type:{name:"boolean"}},refetchOnFocus:{defaultValue:null,description:"Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after the application window regains focus.\n\nIf you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false.\n\nNote: requires [`setupListeners`](./setupListeners) to have been called.",name:"refetchOnFocus",required:!1,type:{name:"boolean"}},selectFromResult:{defaultValue:null,description:'`selectFromResult` allows you to get a specific segment from a query result in a performant manner.\nWhen using this feature, the component will not rerender unless the underlying data of the selected item has changed.\nIf the selected item is one element in a larger collection, it will disregard changes to elements in the same collection.\n@example ```ts\n// codeblock-meta title="Using selectFromResult to extract a single result"\nfunction PostsList() {\n  const { data: posts } = api.useGetPostsQuery();\n\n  return (\n    <ul>\n      {posts?.data?.map((post) => (\n        <PostById key={post.id} id={post.id} />\n      ))}\n    </ul>\n  );\n}\n\nfunction PostById({ id }: { id: number }) {\n  // Will select the post with the given id, and will only rerender if the given posts data changes\n  const { post } = api.useGetPostsQuery(undefined, {\n    selectFromResult: ({ data }) => ({ post: data?.find((post) => post.id === id) }),\n  });\n\n  return <li>{post?.name}</li>;\n}\n```',name:"selectFromResult",required:!1,type:{name:'QueryStateSelector<R, QueryDefinition<number, BaseQueryFn<string | FetchArgs, unknown, FetchBaseQueryError, {}, {}>, never, IApiResponse<Build>, "api">>'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#useLazyGetEnviromentBuildQuery"]={docgenInfo:useLazyGetEnviromentBuildQuery.__docgenInfo,name:"useLazyGetEnviromentBuildQuery",path:"src/features/metadata/index.tsx#useLazyGetEnviromentBuildQuery"})}catch(__react_docgen_typescript_loader_error){}try{EnvMetadata.displayName="EnvMetadata",EnvMetadata.__docgenInfo={description:"",displayName:"EnvMetadata",props:{description:{defaultValue:{value:""},description:"@param mode change whether the component only displays the list of builds, edit the environment description or create a new description\n@param onUpdateDescription change environment description",name:"description",required:!1,type:{name:"any"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!1,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!1,type:{name:"number"}},defaultEnvVersIsChanged:{defaultValue:null,description:"",name:"defaultEnvVersIsChanged",required:!1,type:{name:"boolean"}},specificationIsChanged:{defaultValue:null,description:"",name:"specificationIsChanged",required:!1,type:{name:"boolean"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((defaultEnvVersIsChanged: boolean) => void)"}},onUpdateDescription:{defaultValue:null,description:"",name:"onUpdateDescription",required:!0,type:{name:"(description: string) => void"}},onUpdateBuildId:{defaultValue:null,description:"",name:"onUpdateBuildId",required:!0,type:{name:"(buildId: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#EnvMetadata"]={docgenInfo:EnvMetadata.__docgenInfo,name:"EnvMetadata",path:"src/features/metadata/index.tsx#EnvMetadata"})}catch(__react_docgen_typescript_loader_error){}try{Build.displayName="Build",Build.__docgenInfo={description:"",displayName:"Build",props:{builds:{defaultValue:null,description:"@param builds list of builds\n@param currentBuildId id of the current build\n@param onChangeStatus update the build status",name:"builds",required:!0,type:{name:"{ id: number; name: string; status: string; }[]"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#Build"]={docgenInfo:Build.__docgenInfo,name:"Build",path:"src/features/metadata/index.tsx#Build"})}catch(__react_docgen_typescript_loader_error){}try{Description.displayName="Description",Description.__docgenInfo={description:"",displayName:"Description",props:{mode:{defaultValue:null,description:"@param mode change whether the component only displays the list or we are able to edit it",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}},description:{defaultValue:null,description:"",name:"description",required:!0,type:{name:"string"}},onChangeDescription:{defaultValue:null,description:"",name:"onChangeDescription",required:!0,type:{name:"(description: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#Description"]={docgenInfo:Description.__docgenInfo,name:"Description",path:"src/features/metadata/index.tsx#Description"})}catch(__react_docgen_typescript_loader_error){}try{EnvBuilds.displayName="EnvBuilds",EnvBuilds.__docgenInfo={description:"",displayName:"EnvBuilds",props:{currentBuildId:{defaultValue:null,description:"",name:"currentBuildId",required:!0,type:{name:"number"}},selectedBuildId:{defaultValue:null,description:"",name:"selectedBuildId",required:!0,type:{name:"number"}},builds:{defaultValue:null,description:"",name:"builds",required:!0,type:{name:"Build[]"}},mode:{defaultValue:null,description:"",name:"mode",required:!0,type:{name:"enum",value:[{value:'"read-only"'},{value:'"edit"'},{value:'"create"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/metadata/index.tsx#EnvBuilds"]={docgenInfo:EnvBuilds.__docgenInfo,name:"EnvBuilds",path:"src/features/metadata/index.tsx#EnvBuilds"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/requestedPackages/components/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{YX:()=>RequestedPackage_RequestedPackage,rM:()=>RequestedPackageList_RequestedPackageList,bM:()=>RequestedPackagesEdit_RequestedPackagesEdit});var Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js"),react=__webpack_require__("./node_modules/react/index.js"),components=__webpack_require__("./src/components/index.tsx"),styles=__webpack_require__("./src/styles/index.tsx");const RequestedPackageList_RequestedPackageList=({packageList})=>{const filteredPackageList=(0,react.useMemo)((()=>packageList.filter((item=>"object"!=typeof item))),[packageList]),listLength=filteredPackageList.length;return react.createElement(Accordion.Z,{sx:{maxWidth:420,boxShadow:"none"},disableGutters:!0,defaultExpanded:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Requested Packages")),react.createElement(styles.Ug,{sx:{padding:"11px 21px"}},filteredPackageList.map(((item,index)=>react.createElement(Box.Z,{key:`${item}`,sx:{marginBottom:index===listLength-1?"0px":"15px"}},react.createElement(RequestedPackage_RequestedPackage,{requestedPackage:`${item}`}))))))};try{RequestedPackageList_RequestedPackageList.displayName="RequestedPackageList",RequestedPackageList_RequestedPackageList.__docgenInfo={description:"",displayName:"RequestedPackageList",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/RequestedPackageList.tsx#RequestedPackageList"]={docgenInfo:RequestedPackageList_RequestedPackageList.__docgenInfo,name:"RequestedPackageList",path:"src/features/requestedPackages/components/RequestedPackageList.tsx#RequestedPackageList"})}catch(__react_docgen_typescript_loader_error){}var Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js"),helpers=__webpack_require__("./src/utils/helpers/index.ts");const RequestedPackage_RequestedPackage=({requestedPackage})=>{const{constraint,name,version}=(0,helpers.v2)(requestedPackage);return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(Typography.Z,{sx:{width:190,fontSize:"13px",color:"#333"}},name)),react.createElement(Typography.Z,{sx:{fontSize:"13px",color:"#333"}},(()=>{if("latest"===constraint)return"";return`${"=="===constraint?"=":constraint}${version}`})()))};try{RequestedPackage_RequestedPackage.displayName="RequestedPackage",RequestedPackage_RequestedPackage.__docgenInfo={description:"",displayName:"RequestedPackage",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/RequestedPackage.tsx#RequestedPackage"]={docgenInfo:RequestedPackage_RequestedPackage.__docgenInfo,name:"RequestedPackage",path:"src/features/requestedPackages/components/RequestedPackage.tsx#RequestedPackage"})}catch(__react_docgen_typescript_loader_error){}var AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js"),Table=__webpack_require__("./node_modules/@mui/material/Table/Table.js"),TableBody=__webpack_require__("./node_modules/@mui/material/TableBody/TableBody.js"),TableHead=__webpack_require__("./node_modules/@mui/material/TableHead/TableHead.js"),TableRow=__webpack_require__("./node_modules/@mui/material/TableRow/TableRow.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),hooks=__webpack_require__("./src/hooks.ts"),requestedPackagesSlice=__webpack_require__("./src/features/requestedPackages/requestedPackagesSlice.ts");const RequestedPackagesTableRow_RequestedPackagesTableRow=(0,react.memo)((({requestedPackage,onDefaultEnvIsChanged})=>{var _a;const dispatch=(0,hooks.T)(),{versionsWithoutConstraints,versionsWithConstraints}=(0,hooks.C)((state=>state.requestedPackages)),result=(0,helpers.v2)(requestedPackage);let{version}=result;const{constraint,name}=result;"latest"===constraint&&(version=versionsWithoutConstraints[name]);const onUpdateDefaultEnvironment=isChanged=>{onDefaultEnvIsChanged&&onDefaultEnvIsChanged(isChanged)};return react.createElement(TableRow.Z,null,react.createElement(styles.mn,{align:"left"},react.createElement(Typography.Z,{sx:{fontSize:"13px",fontWeight:400,color:"#000"}},name)),react.createElement(styles.mn,{align:"left"},react.createElement(Typography.Z,{sx:{fontSize:"13px",fontWeight:400,color:"#676666"}},null!==(_a=versionsWithConstraints[name])&&void 0!==_a?_a:versionsWithoutConstraints[name])),react.createElement(styles.mn,{align:"left"},react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center"}},react.createElement(components.wU,{onUpdate:value=>{const updatedPackage=`${name}${value}${version||""}`;dispatch((0,requestedPackagesSlice.P4)({currentPackage:requestedPackage,updatedPackage})),onUpdateDefaultEnvironment(!1)},constraint:"latest"===constraint?"":constraint}),react.createElement(components.Np,{onUpdate:value=>{let pkgConstraint="latest"===constraint?">=":constraint;""===value&&(pkgConstraint="");const updatedPackage=`${name}${pkgConstraint}${value}`;dispatch((0,requestedPackagesSlice.P4)({currentPackage:requestedPackage,updatedPackage})),onUpdateDefaultEnvironment(!1)},version:"latest"===constraint?"":version,name}),react.createElement(styles.Qh,{onClick:()=>{dispatch((0,requestedPackagesSlice.Aq)(requestedPackage)),onUpdateDefaultEnvironment(!1)},sx:{marginLeft:"24px"},"data-testid":"RemovePackageTest"},react.createElement(components.zF,null)))))}));try{RequestedPackagesTableRow_RequestedPackagesTableRow.displayName="RequestedPackagesTableRow",RequestedPackagesTableRow_RequestedPackagesTableRow.__docgenInfo={description:"",displayName:"RequestedPackagesTableRow",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/RequestedPackagesTableRow.tsx#RequestedPackagesTableRow"]={docgenInfo:RequestedPackagesTableRow_RequestedPackagesTableRow.__docgenInfo,name:"RequestedPackagesTableRow",path:"src/features/requestedPackages/components/RequestedPackagesTableRow.tsx#RequestedPackagesTableRow"})}catch(__react_docgen_typescript_loader_error){}var Autocomplete=__webpack_require__("./node_modules/@mui/material/Autocomplete/Autocomplete.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js");const requestedPackagesApiSlice=__webpack_require__("./src/features/api/index.ts").g.injectEndpoints({endpoints:builder=>({getPackageSuggestions:builder.query({query:dto=>`api/v1/package/?search=${dto.search}&page=${dto.page}&size=${dto.size}&distinct_on=name`})})}),{useLazyGetPackageSuggestionsQuery}=requestedPackagesApiSlice;var lodash=__webpack_require__("./node_modules/lodash/lodash.js"),match_sorter_esm=__webpack_require__("./node_modules/match-sorter/dist/match-sorter.esm.js"),CircularProgress=__webpack_require__("./node_modules/@mui/material/CircularProgress/CircularProgress.js"),reducer=__webpack_require__("./src/features/requestedPackages/reducer.ts");const AddRequestedPackage_AddRequestedPackage=({onCancel,onSubmit,isCreating})=>{const[state,dispatch]=(0,react.useReducer)(reducer.Vo,reducer.E3),[triggerQuery]=useLazyGetPackageSuggestionsQuery(),uniquePackageNamesList=(0,react.useMemo)((()=>{const packageNames=new Set,result=[];return state.data.forEach((buildPackage=>{const packageName=buildPackage.name;packageNames.has(packageName)||(result.push(packageName),packageNames.add(packageName))})),(0,match_sorter_esm.Lu)(result,state.name)}),[state.data]),handleSearch=(0,lodash.debounce)((async value=>{if(value.length<2)return;dispatch({type:reducer.MF.LOADING,payload:{loading:!0}});const{data}=await triggerQuery({page:state.page,size:100,search:value});data&&dispatch({type:reducer.MF.SEARCHED,payload:{data:data.data,count:data.count,name:value}}),dispatch({type:reducer.MF.LOADING,payload:{loading:!1}})}),200);return react.createElement(Box.Z,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"15px",width:isCreating?330:"100%"}},react.createElement(Box.Z,null,react.createElement(Autocomplete.Z,{freeSolo:!0,selectOnFocus:!0,sx:{width:"140px"},options:uniquePackageNamesList,onChange:(event,value)=>(value=>{value&&(onSubmit(value),onCancel(!1))})(value),ListboxProps:{onScroll:async event=>{const listboxNode=event.currentTarget;if(listboxNode.scrollTop+listboxNode.clientHeight+2>=listboxNode.scrollHeight){if(!(100*state.page<=state.count))return;dispatch({type:reducer.MF.LOADING,payload:{loading:!0}});const{data}=await triggerQuery({page:state.page+1,size:100,search:state.name});data&&dispatch({type:reducer.MF.NEXT_FETCHED,payload:{data:data.data,count:data.count}}),dispatch({type:reducer.MF.LOADING,payload:{loading:!1}})}}},onInputChange:(event,value,reason)=>{"clear"!==reason?handleSearch(value):dispatch({type:reducer.MF.CLEARED})},renderInput:params=>react.createElement(TextField.Z,{label:"Enter package",autoFocus:!0,...params,size:"small",InputProps:{...params.InputProps,endAdornment:react.createElement(react.Fragment,null,state.loading?react.createElement(CircularProgress.Z,{color:"inherit",size:10,sx:{marginRight:"7px"}}):params.InputProps.endAdornment)}})})),react.createElement(Box.Z,{sx:{marginRight:"16px"}},react.createElement(styles.Qh,{onClick:()=>onCancel(!1),"data-testid":"cancelIcon"},react.createElement(components.zF,null))))};try{AddRequestedPackage_AddRequestedPackage.displayName="AddRequestedPackage",AddRequestedPackage_AddRequestedPackage.__docgenInfo={description:"",displayName:"AddRequestedPackage",props:{onCancel:{defaultValue:null,description:"@param onCancel handler that will run when delete icon is clicked\n@param onSubmit handler that will run when input losses focus\n@param isCreating notify the component if it's being used for creating or editing environment",name:"onCancel",required:!0,type:{name:"Dispatch<SetStateAction<boolean>>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!0,type:{name:"(packageName: string) => void"}},isCreating:{defaultValue:null,description:"",name:"isCreating",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/AddRequestedPackage.tsx#AddRequestedPackage"]={docgenInfo:AddRequestedPackage_AddRequestedPackage.__docgenInfo,name:"AddRequestedPackage",path:"src/features/requestedPackages/components/AddRequestedPackage.tsx#AddRequestedPackage"})}catch(__react_docgen_typescript_loader_error){}const RequestedPackagesEdit_RequestedPackagesEdit=({packageList,onDefaultEnvIsChanged})=>{const dispatch=(0,hooks.T)(),[isAdding,setIsAdding]=(0,react.useState)(!1),{palette}=(0,useTheme.Z)(),onUpdateDefaultEnvironment=isChanged=>{onDefaultEnvIsChanged&&onDefaultEnvIsChanged(isChanged)},filteredPackageList=(0,react.useMemo)((()=>packageList.filter((item=>"object"!=typeof item))),[packageList]);return react.createElement(Accordion.Z,{sx:{maxWidth:500,boxShadow:"none"},defaultExpanded:!0,disableGutters:!0},react.createElement(styles.k,{expandIcon:react.createElement(components.e0,null)},react.createElement(styles.jo,null,"Requested Packages")),react.createElement(styles.Ug,{sx:{padding:"20px 15px",borderRadius:"0px"}},react.createElement(Table.Z,{"aria-label":"requested packages"},react.createElement(TableHead.Z,{sx:{border:"none"}},react.createElement(TableRow.Z,null,react.createElement(styles.YL,{align:"left",sx:{width:"120px"}},react.createElement(Typography.Z,{component:"p",sx:{fontSize:"13px",fontWeight:500}},"Name")),react.createElement(styles.YL,{align:"left",sx:{width:"180px"}},react.createElement(Typography.Z,{component:"p",sx:{fontSize:"13px",fontWeight:500}},"Installed Version")),react.createElement(styles.YL,{align:"left"},react.createElement(Typography.Z,{component:"p",sx:{fontSize:"13px",fontWeight:500}},"Version Constraint")))),react.createElement(TableBody.Z,null,filteredPackageList.map((requestedPackage=>react.createElement(RequestedPackagesTableRow_RequestedPackagesTableRow,{key:requestedPackage,requestedPackage,onDefaultEnvIsChanged:onUpdateDefaultEnvironment}))))),react.createElement(Box.Z,null,isAdding&&react.createElement(AddRequestedPackage_AddRequestedPackage,{onSubmit:packageName=>{dispatch((0,requestedPackagesSlice.zJ)(packageName)),onDefaultEnvIsChanged&&onUpdateDefaultEnvironment(!1)},onCancel:setIsAdding,isCreating:!1}))),react.createElement(AccordionDetails.Z,{sx:{border:`1px solid ${palette.primary.main}`,borderTop:"0px",borderRadius:"0px",padding:"15px 21px",display:"flex",justifyContent:"center"}},react.createElement(styles.nX,{variant:"contained",isalttype:"true",onClick:()=>setIsAdding(!0)},"+ Add Package")))};try{RequestedPackagesEdit_RequestedPackagesEdit.displayName="RequestedPackagesEdit",RequestedPackagesEdit_RequestedPackagesEdit.__docgenInfo={description:"",displayName:"RequestedPackagesEdit",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/RequestedPackagesEdit.tsx#RequestedPackagesEdit"]={docgenInfo:RequestedPackagesEdit_RequestedPackagesEdit.__docgenInfo,name:"RequestedPackagesEdit",path:"src/features/requestedPackages/components/RequestedPackagesEdit.tsx#RequestedPackagesEdit"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackageList.displayName="RequestedPackageList",RequestedPackageList.__docgenInfo={description:"",displayName:"RequestedPackageList",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#RequestedPackageList"]={docgenInfo:RequestedPackageList.__docgenInfo,name:"RequestedPackageList",path:"src/features/requestedPackages/components/index.tsx#RequestedPackageList"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackage.displayName="RequestedPackage",RequestedPackage.__docgenInfo={description:"",displayName:"RequestedPackage",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#RequestedPackage"]={docgenInfo:RequestedPackage.__docgenInfo,name:"RequestedPackage",path:"src/features/requestedPackages/components/index.tsx#RequestedPackage"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackagesEdit.displayName="RequestedPackagesEdit",RequestedPackagesEdit.__docgenInfo={description:"",displayName:"RequestedPackagesEdit",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#RequestedPackagesEdit"]={docgenInfo:RequestedPackagesEdit.__docgenInfo,name:"RequestedPackagesEdit",path:"src/features/requestedPackages/components/index.tsx#RequestedPackagesEdit"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackagesTableRow.displayName="RequestedPackagesTableRow",RequestedPackagesTableRow.__docgenInfo={description:"",displayName:"RequestedPackagesTableRow",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#RequestedPackagesTableRow"]={docgenInfo:RequestedPackagesTableRow.__docgenInfo,name:"RequestedPackagesTableRow",path:"src/features/requestedPackages/components/index.tsx#RequestedPackagesTableRow"})}catch(__react_docgen_typescript_loader_error){}try{AddRequestedPackage.displayName="AddRequestedPackage",AddRequestedPackage.__docgenInfo={description:"",displayName:"AddRequestedPackage",props:{onCancel:{defaultValue:null,description:"@param onCancel handler that will run when delete icon is clicked\n@param onSubmit handler that will run when input losses focus\n@param isCreating notify the component if it's being used for creating or editing environment",name:"onCancel",required:!0,type:{name:"Dispatch<SetStateAction<boolean>>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!0,type:{name:"(packageName: string) => void"}},isCreating:{defaultValue:null,description:"",name:"isCreating",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/components/index.tsx#AddRequestedPackage"]={docgenInfo:AddRequestedPackage.__docgenInfo,name:"AddRequestedPackage",path:"src/features/requestedPackages/components/index.tsx#AddRequestedPackage"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/requestedPackages/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{MQ:()=>_requestedPackagesSlice__WEBPACK_IMPORTED_MODULE_1__.MQ,Ze:()=>_requestedPackagesSlice__WEBPACK_IMPORTED_MODULE_1__.Ze,Zq:()=>_requestedPackagesSlice__WEBPACK_IMPORTED_MODULE_1__.Zq});__webpack_require__("./src/features/requestedPackages/components/index.tsx");var _requestedPackagesSlice__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/requestedPackages/requestedPackagesSlice.ts");try{RequestedPackageList.displayName="RequestedPackageList",RequestedPackageList.__docgenInfo={description:"",displayName:"RequestedPackageList",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#RequestedPackageList"]={docgenInfo:RequestedPackageList.__docgenInfo,name:"RequestedPackageList",path:"src/features/requestedPackages/index.tsx#RequestedPackageList"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackage.displayName="RequestedPackage",RequestedPackage.__docgenInfo={description:"",displayName:"RequestedPackage",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#RequestedPackage"]={docgenInfo:RequestedPackage.__docgenInfo,name:"RequestedPackage",path:"src/features/requestedPackages/index.tsx#RequestedPackage"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackagesEdit.displayName="RequestedPackagesEdit",RequestedPackagesEdit.__docgenInfo={description:"",displayName:"RequestedPackagesEdit",props:{packageList:{defaultValue:null,description:"@param packageList list of packages that we get from the API",name:"packageList",required:!0,type:{name:"(string | CondaSpecificationPip)[]"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#RequestedPackagesEdit"]={docgenInfo:RequestedPackagesEdit.__docgenInfo,name:"RequestedPackagesEdit",path:"src/features/requestedPackages/index.tsx#RequestedPackagesEdit"})}catch(__react_docgen_typescript_loader_error){}try{RequestedPackagesTableRow.displayName="RequestedPackagesTableRow",RequestedPackagesTableRow.__docgenInfo={description:"",displayName:"RequestedPackagesTableRow",props:{requestedPackage:{defaultValue:null,description:"@param requestedPackage requested package",name:"requestedPackage",required:!0,type:{name:"string"}},onDefaultEnvIsChanged:{defaultValue:null,description:"",name:"onDefaultEnvIsChanged",required:!1,type:{name:"((isChanged: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#RequestedPackagesTableRow"]={docgenInfo:RequestedPackagesTableRow.__docgenInfo,name:"RequestedPackagesTableRow",path:"src/features/requestedPackages/index.tsx#RequestedPackagesTableRow"})}catch(__react_docgen_typescript_loader_error){}try{AddRequestedPackage.displayName="AddRequestedPackage",AddRequestedPackage.__docgenInfo={description:"",displayName:"AddRequestedPackage",props:{onCancel:{defaultValue:null,description:"@param onCancel handler that will run when delete icon is clicked\n@param onSubmit handler that will run when input losses focus\n@param isCreating notify the component if it's being used for creating or editing environment",name:"onCancel",required:!0,type:{name:"Dispatch<SetStateAction<boolean>>"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!0,type:{name:"(packageName: string) => void"}},isCreating:{defaultValue:null,description:"",name:"isCreating",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#AddRequestedPackage"]={docgenInfo:AddRequestedPackage.__docgenInfo,name:"AddRequestedPackage",path:"src/features/requestedPackages/index.tsx#AddRequestedPackage"})}catch(__react_docgen_typescript_loader_error){}try{updatePackages.displayName="updatePackages",updatePackages.__docgenInfo={description:"",displayName:"updatePackages",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#updatePackages"]={docgenInfo:updatePackages.__docgenInfo,name:"updatePackages",path:"src/features/requestedPackages/index.tsx#updatePackages"})}catch(__react_docgen_typescript_loader_error){}try{dependencyPromoted.displayName="dependencyPromoted",dependencyPromoted.__docgenInfo={description:"",displayName:"dependencyPromoted",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"number"}},channel:{defaultValue:null,description:"",name:"channel",required:!0,type:{name:"{ id: number; name: string; last_update: Date | null; }"}},build:{defaultValue:null,description:"",name:"build",required:!0,type:{name:"string"}},license:{defaultValue:null,description:"",name:"license",required:!0,type:{name:"string"}},sha256:{defaultValue:null,description:"",name:"sha256",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},version:{defaultValue:null,description:"",name:"version",required:!0,type:{name:"string"}},summary:{defaultValue:null,description:"",name:"summary",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#dependencyPromoted"]={docgenInfo:dependencyPromoted.__docgenInfo,name:"dependencyPromoted",path:"src/features/requestedPackages/index.tsx#dependencyPromoted"})}catch(__react_docgen_typescript_loader_error){}try{packageUpdated.displayName="packageUpdated",packageUpdated.__docgenInfo={description:"",displayName:"packageUpdated",props:{currentPackage:{defaultValue:null,description:"",name:"currentPackage",required:!0,type:{name:"string"}},updatedPackage:{defaultValue:null,description:"",name:"updatedPackage",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#packageUpdated"]={docgenInfo:packageUpdated.__docgenInfo,name:"packageUpdated",path:"src/features/requestedPackages/index.tsx#packageUpdated"})}catch(__react_docgen_typescript_loader_error){}try{packageRemoved.displayName="packageRemoved",packageRemoved.__docgenInfo={description:"",displayName:"packageRemoved",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#packageRemoved"]={docgenInfo:packageRemoved.__docgenInfo,name:"packageRemoved",path:"src/features/requestedPackages/index.tsx#packageRemoved"})}catch(__react_docgen_typescript_loader_error){}try{packageAdded.displayName="packageAdded",packageAdded.__docgenInfo={description:"",displayName:"packageAdded",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#packageAdded"]={docgenInfo:packageAdded.__docgenInfo,name:"packageAdded",path:"src/features/requestedPackages/index.tsx#packageAdded"})}catch(__react_docgen_typescript_loader_error){}try{buildPackagesCacheAdded.displayName="buildPackagesCacheAdded",buildPackagesCacheAdded.__docgenInfo={description:"",displayName:"buildPackagesCacheAdded",props:{pkgName:{defaultValue:null,description:"",name:"pkgName",required:!0,type:{name:"string"}},packages:{defaultValue:null,description:"",name:"packages",required:!0,type:{name:"BuildPackage[]"}},count:{defaultValue:null,description:"",name:"count",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/requestedPackages/index.tsx#buildPackagesCacheAdded"]={docgenInfo:buildPackagesCacheAdded.__docgenInfo,name:"buildPackagesCacheAdded",path:"src/features/requestedPackages/index.tsx#buildPackagesCacheAdded"})}catch(__react_docgen_typescript_loader_error){}},"./src/features/requestedPackages/reducer.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var ActionTypes;__webpack_require__.d(__webpack_exports__,{E3:()=>initialState,MF:()=>ActionTypes,Vo:()=>requestedPackagesReducer}),function(ActionTypes){ActionTypes.DATA_FETCHED="requestedPackages/data_fetched",ActionTypes.SEARCHED="requestedPackages/searched",ActionTypes.NEXT_FETCHED="requestedPackages/next_fetched",ActionTypes.LOADING="requestedPackages/loading",ActionTypes.CLEARED="requestedPackages/cleared"}(ActionTypes||(ActionTypes={}));const initialState={page:1,data:[],count:0,name:"",loading:!1},requestedPackagesReducer=(state,action)=>{var _a;switch(action.type){case ActionTypes.DATA_FETCHED:{const{count,data}=action.payload;return{...state,count,data}}case ActionTypes.SEARCHED:return{...state,...action.payload,page:1};case ActionTypes.NEXT_FETCHED:{const{data,count}=action.payload,newData=null===(_a=state.data)||void 0===_a?void 0:_a.concat(data),nextPage=state.page+1;return{...state,data:newData,count,page:nextPage}}case ActionTypes.LOADING:return{...state,loading:action.payload.loading};case ActionTypes.CLEARED:return{...state,name:"",page:1}}}},"./src/features/requestedPackages/requestedPackagesSlice.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Aq:()=>packageRemoved,MQ:()=>buildPackagesCacheAdded,P4:()=>packageUpdated,Ze:()=>dependencyPromoted,Zq:()=>requestedPackagesSlice,zJ:()=>packageAdded});var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),_utils_helpers__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/utils/helpers/index.ts"),_dependencies__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/dependencies/index.tsx"),_environmentDetails__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/features/environmentDetails/index.tsx");const requestedPackagesSlice=(0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_3__.oM)({name:"requestedPackages",initialState:{requestedPackages:[],versionsWithoutConstraints:{},versionsWithConstraints:{},packagesWithLatestVersions:{},buildPackagesCache:{}},reducers:{updatePackages:(state,action)=>{const packages=action.payload;state.requestedPackages=packages},dependencyPromoted:(state,action)=>{const newRequestedPackage=`${action.payload.name}==${action.payload.version}`;state.requestedPackages.push(newRequestedPackage)},packageUpdated:(state,action)=>{const{currentPackage,updatedPackage}=action.payload;state.requestedPackages=state.requestedPackages.map((p=>p===currentPackage?updatedPackage:p))},packageRemoved:(state,action)=>{state.requestedPackages=state.requestedPackages.filter((p=>p!==action.payload))},packageAdded:(state,action)=>{state.requestedPackages.push(action.payload)},buildPackagesCacheAdded:(state,action)=>{const{pkgName,packages,count}=action.payload;state.buildPackagesCache[pkgName]={packages,count}}},extraReducers:builder=>{builder.addMatcher(_environmentDetails__WEBPACK_IMPORTED_MODULE_2__.XZ.endpoints.getBuild.matchFulfilled,((state,{payload:{data:{specification:{spec:{dependencies}}}}})=>{state.requestedPackages=dependencies,state.packagesWithLatestVersions={},state.versionsWithConstraints={},dependencies.forEach((dep=>{if("string"==typeof dep){const{constraint,name,version}=(0,_utils_helpers__WEBPACK_IMPORTED_MODULE_0__.v2)(dep);version&&(state.versionsWithConstraints[name]=version),"latest"===constraint&&(state.packagesWithLatestVersions[name]=dep)}}))})),builder.addMatcher(_dependencies__WEBPACK_IMPORTED_MODULE_1__.Tr.endpoints.getBuildPackages.matchFulfilled,((state,{payload:{data,size,count,page}})=>{state.versionsWithoutConstraints={},data.forEach((dep=>{state.packagesWithLatestVersions[dep.name]&&(state.versionsWithoutConstraints[dep.name]=dep.version)}))}))}}),{updatePackages,dependencyPromoted,packageUpdated,packageRemoved,packageAdded,buildPackagesCacheAdded}=requestedPackagesSlice.actions},"./src/features/requestedPackages/stories/RequestedPackageList.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/features/requestedPackages/components/index.tsx");const packageList=["numpy>=4.7","pandas<=3.8.1","python>=1.1",{pip:["test"]}],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_1__.rM},Primary=()=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.rM,{packageList})},"./src/features/requestedPackages/stories/RequestedPackagesEdit.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_redux__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-redux/es/index.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/features/requestedPackages/components/index.tsx"),_store__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/store/index.ts");const packageList=["numpy>=4.7","pandas<=3.8.1","python>=1.1",{pip:["test"]}],__WEBPACK_DEFAULT_EXPORT__={component:_components__WEBPACK_IMPORTED_MODULE_2__.bM},Primary=()=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(react_redux__WEBPACK_IMPORTED_MODULE_0__.zt,{store:_store__WEBPACK_IMPORTED_MODULE_3__.h},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_components__WEBPACK_IMPORTED_MODULE_2__.bM,{packageList}))},"./src/features/tabs/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n7:()=>tabsSlice_environmentOpened,wc:()=>tabsSlice_openCreateNewEnvironmentTab,Zb:()=>tabsSlice_tabChanged,Pl:()=>tabsSlice,iF:()=>tabsSlice_toggleNewEnvironmentView});__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/styles/index.tsx"),__webpack_require__("./src/styles/StyledTabs.tsx"),__webpack_require__("./src/hooks.ts"),__webpack_require__("./src/features/environmentDetails/index.tsx");var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),process=__webpack_require__("./node_modules/process/browser.js");const tabsSlice=(0,redux_toolkit_esm.oM)({name:"tabs",initialState:{selectedEnvironments:[],selectedEnvironment:null,value:0,newEnvironment:{isOpen:!1,isActive:!1,namespace:""}},reducers:{environmentOpened:(state,action)=>{const environments=state.selectedEnvironments,openedEnvironment=action.payload.environment,isSingleTabMode="jupyterlab"===process.env.REACT_APP_CONTEXT;state.selectedEnvironment={...openedEnvironment,canUpdate:action.payload.canUpdate},state.value=openedEnvironment.id,environments.some((env=>env.id===openedEnvironment.id))||(isSingleTabMode?state.selectedEnvironments[0]=openedEnvironment:state.selectedEnvironments.push(openedEnvironment))},environmentClosed:(state,action)=>{const closedEnvironmentId=action.payload.envId,index=state.selectedEnvironments.findIndex((env=>env.id===closedEnvironmentId)),listLength=state.selectedEnvironments.length;if(action.payload.selectedEnvironmentId===closedEnvironmentId)if(listLength>1){const rightItem=state.selectedEnvironments[index+1],leftItem=state.selectedEnvironments[index-1];state.selectedEnvironment=null!=rightItem?rightItem:leftItem,state.value=state.selectedEnvironment.id,state.newEnvironment.isActive=!1}else 1===listLength&&state.newEnvironment.isOpen?(state.value="create",state.selectedEnvironment=null,state.newEnvironment.isActive=!0):(state.selectedEnvironment=null,state.value=0);state.selectedEnvironments=state.selectedEnvironments.filter((env=>env.id!==closedEnvironmentId))},tabChanged:(state,action)=>{const tabValue=action.payload,environment=state.selectedEnvironments.find((env=>env.id===tabValue));state.value=tabValue,environment&&(state.selectedEnvironment=environment)},openCreateNewEnvironmentTab:(state,action)=>{state.newEnvironment.namespace=action.payload,state.value="create",state.selectedEnvironment=null,state.newEnvironment.isOpen=!0,state.newEnvironment.isActive=!0},closeCreateNewEnvironmentTab:state=>{const listLength=state.selectedEnvironments.length,lastEnv=state.selectedEnvironments[listLength-1];state.value=lastEnv?lastEnv.id:0,state.selectedEnvironment=lastEnv||null,state.newEnvironment.isOpen=!1,state.newEnvironment.isActive=!1},toggleNewEnvironmentView:(state,action)=>{action.payload&&(state.value="create",state.selectedEnvironment=null),state.newEnvironment.isActive=action.payload},updateEnvironmentBuildId:(state,action)=>{state.selectedEnvironment&&(state.selectedEnvironment.current_build_id=action.payload)}}}),{environmentOpened:tabsSlice_environmentOpened,environmentClosed:tabsSlice_environmentClosed,tabChanged:tabsSlice_tabChanged,openCreateNewEnvironmentTab:tabsSlice_openCreateNewEnvironmentTab,closeCreateNewEnvironmentTab:tabsSlice_closeCreateNewEnvironmentTab,toggleNewEnvironmentView:tabsSlice_toggleNewEnvironmentView,updateEnvironmentBuildId:tabsSlice_updateEnvironmentBuildId}=tabsSlice.actions;__webpack_require__("./src/features/metadata/index.tsx");try{environmentOpened.displayName="environmentOpened",environmentOpened.__docgenInfo={description:"",displayName:"environmentOpened",props:{environment:{defaultValue:null,description:"",name:"environment",required:!0,type:{name:"Environment"}},selectedEnvironmentId:{defaultValue:null,description:"",name:"selectedEnvironmentId",required:!0,type:{name:"number | undefined"}},canUpdate:{defaultValue:null,description:"",name:"canUpdate",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#environmentOpened"]={docgenInfo:environmentOpened.__docgenInfo,name:"environmentOpened",path:"src/features/tabs/index.tsx#environmentOpened"})}catch(__react_docgen_typescript_loader_error){}try{environmentClosed.displayName="environmentClosed",environmentClosed.__docgenInfo={description:"",displayName:"environmentClosed",props:{envId:{defaultValue:null,description:"",name:"envId",required:!0,type:{name:"number"}},selectedEnvironmentId:{defaultValue:null,description:"",name:"selectedEnvironmentId",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#environmentClosed"]={docgenInfo:environmentClosed.__docgenInfo,name:"environmentClosed",path:"src/features/tabs/index.tsx#environmentClosed"})}catch(__react_docgen_typescript_loader_error){}try{tabChanged.displayName="tabChanged",tabChanged.__docgenInfo={description:"",displayName:"tabChanged",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#tabChanged"]={docgenInfo:tabChanged.__docgenInfo,name:"tabChanged",path:"src/features/tabs/index.tsx#tabChanged"})}catch(__react_docgen_typescript_loader_error){}try{openCreateNewEnvironmentTab.displayName="openCreateNewEnvironmentTab",openCreateNewEnvironmentTab.__docgenInfo={description:"",displayName:"openCreateNewEnvironmentTab",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#openCreateNewEnvironmentTab"]={docgenInfo:openCreateNewEnvironmentTab.__docgenInfo,name:"openCreateNewEnvironmentTab",path:"src/features/tabs/index.tsx#openCreateNewEnvironmentTab"})}catch(__react_docgen_typescript_loader_error){}try{closeCreateNewEnvironmentTab.displayName="closeCreateNewEnvironmentTab",closeCreateNewEnvironmentTab.__docgenInfo={description:"",displayName:"closeCreateNewEnvironmentTab",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#closeCreateNewEnvironmentTab"]={docgenInfo:closeCreateNewEnvironmentTab.__docgenInfo,name:"closeCreateNewEnvironmentTab",path:"src/features/tabs/index.tsx#closeCreateNewEnvironmentTab"})}catch(__react_docgen_typescript_loader_error){}try{toggleNewEnvironmentView.displayName="toggleNewEnvironmentView",toggleNewEnvironmentView.__docgenInfo={description:"",displayName:"toggleNewEnvironmentView",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#toggleNewEnvironmentView"]={docgenInfo:toggleNewEnvironmentView.__docgenInfo,name:"toggleNewEnvironmentView",path:"src/features/tabs/index.tsx#toggleNewEnvironmentView"})}catch(__react_docgen_typescript_loader_error){}try{updateEnvironmentBuildId.displayName="updateEnvironmentBuildId",updateEnvironmentBuildId.__docgenInfo={description:"",displayName:"updateEnvironmentBuildId",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/features/tabs/index.tsx#updateEnvironmentBuildId"]={docgenInfo:updateEnvironmentBuildId.__docgenInfo,name:"updateEnvironmentBuildId",path:"src/features/tabs/index.tsx#updateEnvironmentBuildId"})}catch(__react_docgen_typescript_loader_error){}},"./src/hooks.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>useAppSelector,T:()=>useAppDispatch});var react_redux__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react-redux/es/index.js");const useAppDispatch=react_redux__WEBPACK_IMPORTED_MODULE_0__.I0,useAppSelector=react_redux__WEBPACK_IMPORTED_MODULE_0__.v9},"./src/preferences.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p0:()=>prefGlobal,uo:()=>PrefContext});var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),process=__webpack_require__("./node_modules/process/browser.js");const{condaStoreConfig={}}="undefined"!=typeof window&&window,prefDefault={apiUrl:null!==(_b=null!==(_a=process.env.REACT_APP_API_URL)&&void 0!==_a?_a:condaStoreConfig.REACT_APP_API_URL)&&void 0!==_b?_b:"http://localhost:8080/conda-store/",authMethod:null!==(_d=null!==(_c=process.env.REACT_APP_AUTH_METHOD)&&void 0!==_c?_c:condaStoreConfig.REACT_APP_AUTH_METHOD)&&void 0!==_d?_d:"cookie",authToken:null!==(_f=null!==(_e=process.env.REACT_APP_AUTH_TOKEN)&&void 0!==_e?_e:condaStoreConfig.REACT_APP_AUTH_TOKEN)&&void 0!==_f?_f:"",loginUrl:null!==(_h=null!==(_g=process.env.REACT_APP_LOGIN_PAGE_URL)&&void 0!==_g?_g:condaStoreConfig.REACT_APP_LOGIN_PAGE_URL)&&void 0!==_h?_h:"http://localhost:8080/conda-store/login?next=",styleType:null!==(_k=null!==(_j=process.env.REACT_APP_STYLE_TYPE)&&void 0!==_j?_j:condaStoreConfig.REACT_APP_STYLE_TYPE)&&void 0!==_k?_k:"grayscale",showAuthButton:process.env.REACT_APP_SHOW_AUTH_BUTTON?JSON.parse(process.env.REACT_APP_SHOW_AUTH_BUTTON):void 0===condaStoreConfig||void 0===condaStoreConfig.REACT_APP_SHOW_AUTH_BUTTON||JSON.parse(condaStoreConfig.REACT_APP_SHOW_AUTH_BUTTON),logoutUrl:null!==(_m=null!==(_l=process.env.REACT_APP_LOGOUT_PAGE_URL)&&void 0!==_l?_l:condaStoreConfig.REACT_APP_LOGOUT_PAGE_URL)&&void 0!==_m?_m:"http://localhost:8080/conda-store/logout?next=/"};const prefGlobal=new class Preferences{constructor(pref=prefDefault){this.set(pref)}get apiUrl(){return this._apiUrl}get authMethod(){return this._authMethod}get authToken(){return this._authToken}get loginUrl(){return this._loginUrl}get styleType(){return this._styleType}get showAuthButton(){return this._showAuthButton}get logoutUrl(){return this._logoutUrl}set(pref){this._apiUrl=pref.apiUrl,this._authMethod=pref.authMethod,this._authToken=pref.authToken,this._loginUrl=pref.loginUrl,this._styleType=pref.styleType,this._showAuthButton=pref.showAuthButton,this._logoutUrl=pref.logoutUrl}},PrefContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(prefDefault)},"./src/store/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>store});var redux_toolkit_esm=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js"),api=__webpack_require__("./src/features/api/index.ts"),channels=__webpack_require__("./src/features/channels/index.tsx"),dependencies=__webpack_require__("./src/features/dependencies/index.tsx"),environmentDetails=__webpack_require__("./src/features/environmentDetails/index.tsx"),requestedPackages=__webpack_require__("./src/features/requestedPackages/index.tsx"),tabs=__webpack_require__("./src/features/tabs/index.tsx"),metadata=__webpack_require__("./src/features/metadata/index.tsx");const environmentCreateSlice=(0,redux_toolkit_esm.oM)({name:"environmentCreate",initialState:{name:"",description:"",channels:[],requestedPackages:[]},reducers:{nameChanged:(state,action)=>{state.name=action.payload},descriptionChanged:(state,action)=>{state.description=action.payload},channelsChanged:(state,action)=>{state.channels=action.payload},requestedPackagesChanged:(state,action)=>{state.requestedPackages=action.payload},requestedPackageRemoved:(state,action)=>{state.requestedPackages=state.requestedPackages.filter((p=>p!==action.payload))},requestedPackageUpdated:(state,action)=>{const{currentPackage,updatedPackage}=action.payload;state.requestedPackages=state.requestedPackages.map((p=>p===currentPackage?updatedPackage:p))},editorCodeUpdated:(state,action)=>{state.requestedPackages=action.payload.dependencies,state.channels=action.payload.channels},environmentCreateStateCleared:state=>{state.name="",state.description="",state.channels=[],state.requestedPackages=[]}}}),{nameChanged,descriptionChanged,channelsChanged,requestedPackagesChanged,requestedPackageRemoved,requestedPackageUpdated,editorCodeUpdated,environmentCreateStateCleared}=environmentCreateSlice.actions,rootReducer={[api.g.reducerPath]:api.g.reducer,channels:channels.ZU.reducer,requestedPackages:requestedPackages.Zq.reducer,tabs:tabs.Pl.reducer,enviroments:metadata.jM.reducer,environmentDetails:environmentDetails.KO.reducer,dependencies:dependencies.kW.reducer,environmentCreate:environmentCreateSlice.reducer},store=(0,redux_toolkit_esm.xC)({reducer:rootReducer,middleware:getDefaultMiddleware=>getDefaultMiddleware().concat(api.g.middleware)})},"./src/styles/StyledMetadataItem.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _mui_material_Typography__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const StyledMetadataItem=(0,__webpack_require__("./node_modules/@mui/system/esm/styled.js").Z)(_mui_material_Typography__WEBPACK_IMPORTED_MODULE_1__.Z)((({theme})=>({padding:"0 0 10px 0",fontSize:"13px",fontFamily:'"Inter", sans-serif',color:"#333"})));try{StyledMetadataItem.displayName="StyledMetadataItem",StyledMetadataItem.__docgenInfo={description:"",displayName:"StyledMetadataItem",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | (string & {}) | "inherit" | "initial" | "hidden" | "inset" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},align:{defaultValue:{value:"'inherit'"},description:"Set the text-align on the component.",name:"align",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"center"'},{value:'"left"'},{value:'"right"'},{value:'"justify"'}]}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TypographyClasses> & Partial<ClassNameMap<never>>)"}},gutterBottom:{defaultValue:{value:"false"},description:"If `true`, the text will have a bottom margin.",name:"gutterBottom",required:!1,type:{name:"boolean"}},noWrap:{defaultValue:{value:"false"},description:"If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n\nNote that text overflow can only happen with block or inline-block level elements\n(the element needs to have a width in order to overflow).",name:"noWrap",required:!1,type:{name:"boolean"}},paragraph:{defaultValue:{value:"false"},description:"If `true`, the element will be a paragraph element.",name:"paragraph",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'body1'"},description:"Applies the theme typography styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"subtitle1"'},{value:'"subtitle2"'},{value:'"body1"'},{value:'"body2"'},{value:'"caption"'},{value:'"button"'},{value:'"overline"'},{value:'"inherit"'}]}},variantMapping:{defaultValue:{value:"{\nh1: 'h1',\nh2: 'h2',\nh3: 'h3',\nh4: 'h4',\nh5: 'h5',\nh6: 'h6',\nsubtitle1: 'h6',\nsubtitle2: 'h6',\nbody1: 'p',\nbody2: 'p',\ninherit: 'p',\n}"},description:"The component maps the variant prop to a range of different HTML element types.\nFor instance, subtitle1 to `<h6>`.\nIf you wish to change that mapping, you can provide your own.\nAlternatively, you can use the `component` prop.",name:"variantMapping",required:!1,type:{name:'Partial<Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "inherit", string>>'}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledMetadataItem.tsx#StyledMetadataItem"]={docgenInfo:StyledMetadataItem.__docgenInfo,name:"StyledMetadataItem",path:"src/styles/StyledMetadataItem.tsx#StyledMetadataItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/styles/StyledTabs.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var _mui_material_Tabs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/Tabs/Tabs.js");const StyledTabs=(0,__webpack_require__("./node_modules/@mui/system/esm/styled.js").Z)(_mui_material_Tabs__WEBPACK_IMPORTED_MODULE_1__.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette}})=>({backgroundColor:"#FFF","& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"#FFF"}})));try{StyledTabs.displayName="StyledTabs",StyledTabs.__docgenInfo={description:"",displayName:"StyledTabs",props:{action:{defaultValue:null,description:"Callback fired when the component mounts.\nThis is useful when you want to trigger an action programmatically.\nIt supports two actions: `updateIndicator()` and `updateScrollButtons()`\n@param actions This object contains all possible actions\nthat can be triggered programmatically.",name:"action",required:!1,type:{name:"Ref<TabsActions>"}},allowScrollButtonsMobile:{defaultValue:{value:"false"},description:"If `true`, the scroll buttons aren't forced hidden on mobile.\nBy default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.",name:"allowScrollButtonsMobile",required:!1,type:{name:"boolean"}},"aria-label":{defaultValue:null,description:"The label for the Tabs as a string.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"An id or list of ids separated by a space that label the Tabs.",name:"aria-labelledby",required:!1,type:{name:"string"}},centered:{defaultValue:{value:"false"},description:"If `true`, the tabs are centered.\nThis prop is intended for large views.",name:"centered",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TabsClasses> & Partial<ClassNameMap<never>>)"}},indicatorColor:{defaultValue:{value:"'primary'"},description:"Determines the color of the indicator.",name:"indicatorColor",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},onChange:{defaultValue:null,description:"Callback fired when the value changes.\n@param event The event source of the callback. **Warning**: This is a generic event not a change event.\n@param value We default to the index of the child (number)",name:"onChange",required:!1,type:{name:"((event: SyntheticEvent<Element, Event>, value: any) => void)"}},orientation:{defaultValue:{value:"'horizontal'"},description:"The component orientation (layout flow direction).",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},ScrollButtonComponent:{defaultValue:{value:"TabScrollButton"},description:"The component used to render the scroll buttons.",name:"ScrollButtonComponent",required:!1,type:{name:"ElementType<any>"}},scrollButtons:{defaultValue:{value:"'auto'"},description:"Determine behavior of scroll buttons when tabs are set to scroll:\n\n- `auto` will only present them when not all the items are visible.\n- `true` will always present them.\n- `false` will never present them.\n\nBy default the scroll buttons are hidden on mobile.\nThis behavior can be disabled with `allowScrollButtonsMobile`.",name:"scrollButtons",required:!1,type:{name:'boolean | "auto"'}},selectionFollowsFocus:{defaultValue:null,description:"If `true` the selected tab changes on focus. Otherwise it only\nchanges on activation.",name:"selectionFollowsFocus",required:!1,type:{name:"boolean"}},TabIndicatorProps:{defaultValue:{value:"{}"},description:"Props applied to the tab indicator element.",name:"TabIndicatorProps",required:!1,type:{name:"(HTMLAttributes<HTMLDivElement> & { sx?: SxProps<Theme>; })"}},TabScrollButtonProps:{defaultValue:{value:"{}"},description:"Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.",name:"TabScrollButtonProps",required:!1,type:{name:"Partial<TabScrollButtonProps>"}},textColor:{defaultValue:{value:"'primary'"},description:"Determines the color of the `Tab`.",name:"textColor",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'}]}},value:{defaultValue:null,description:"The value of the currently selected `Tab`.\nIf you don't want any selected `Tab`, you can set this prop to `false`.",name:"value",required:!1,type:{name:"any"}},variant:{defaultValue:{value:"'standard'"},description:"Determines additional display behavior of the tabs:\n\n- `scrollable` will invoke scrolling properties and allow for horizontally\nscrolling (or swiping) of the tab bar.\n-`fullWidth` will make the tabs grow to use all the available space,\nwhich should be used for small views, like on mobile.\n- `standard` will render the default state.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"fullWidth"'},{value:'"standard"'},{value:'"scrollable"'}]}},visibleScrollbar:{defaultValue:{value:"false"},description:"If `true`, the scrollbar is visible. It can be useful when displaying\na long vertical list of tabs.",name:"visibleScrollbar",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledTabs.tsx#StyledTabs"]={docgenInfo:StyledTabs.__docgenInfo,name:"StyledTabs",path:"src/styles/StyledTabs.tsx#StyledTabs"})}catch(__react_docgen_typescript_loader_error){}},"./src/styles/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ug:()=>StyledAccordionDetails_StyledAccordionDetails,k:()=>StyledAccordionSummary_StyledAccordionSummary,jo:()=>StyledAccordionTitle_StyledAccordionTitle,nX:()=>StyledButtonPrimary_StyledButtonPrimary,YL:()=>StyledEditPackagesTableCell_StyledEditPackagesTableCell,Qh:()=>StyledIconButton_StyledIconButton,mn:()=>StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell,Yy:()=>StyledScrollContainer_StyledScrollContainer});var react=__webpack_require__("./node_modules/react/index.js"),AccordionSummary=__webpack_require__("./node_modules/@mui/material/AccordionSummary/AccordionSummary.js"),styled=__webpack_require__("./node_modules/@mui/system/esm/styled.js"),preferences=__webpack_require__("./src/preferences.tsx");const StyledAccordionSummary_StyledAccordionSummary=(0,styled.Z)(AccordionSummary.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette},styleType=react.useContext(preferences.uo).styleType})=>({paddingLeft:"15px",paddingRight:"14px",height:40,border:"grayscale"===styleType?`1px solid ${palette.primary.main}`:"1px solid #BCBFC4",borderRadius:"grayscale"===styleType?"5px":"0px","&.Mui-expanded":{minHeight:40,maxHeight:40,margin:"0px",borderRadius:"0",".MuiAccordionSummary-expandIconWrapper":{transform:"rotate(90deg)"}}})));try{StyledAccordionSummary_StyledAccordionSummary.displayName="StyledAccordionSummary",StyledAccordionSummary_StyledAccordionSummary.__docgenInfo={description:"",displayName:"StyledAccordionSummary",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<AccordionSummaryClasses> & Partial<ClassNameMap<never>>)"}},expandIcon:{defaultValue:null,description:"The icon to display as the expand indicator.",name:"expandIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledAccordionSummary.tsx#StyledAccordionSummary"]={docgenInfo:StyledAccordionSummary_StyledAccordionSummary.__docgenInfo,name:"StyledAccordionSummary",path:"src/styles/StyledAccordionSummary.tsx#StyledAccordionSummary"})}catch(__react_docgen_typescript_loader_error){}var AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js");const StyledAccordionDetails_StyledAccordionDetails=(0,styled.Z)(AccordionDetails.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette},styleType=react.useContext(preferences.uo).styleType})=>({border:"grayscale"===styleType?`1px solid ${palette.primary.main}`:"1px solid #BCBFC4",borderTop:"none",borderRadius:"grayscale"===styleType?"0px 0px 5px 5px":"Opx",overflowY:"scroll","&::-webkit-scrollbar":{width:"10px"},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"grayscale"===styleType?"#EBECEE":"#DADCE0",borderRadius:"5px",border:"grayscale"===styleType?"1px solid #666666":"none"}})));try{StyledAccordionDetails_StyledAccordionDetails.displayName="StyledAccordionDetails",StyledAccordionDetails_StyledAccordionDetails.__docgenInfo={description:"",displayName:"StyledAccordionDetails",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledAccordionDetails.tsx#StyledAccordionDetails"]={docgenInfo:StyledAccordionDetails_StyledAccordionDetails.__docgenInfo,name:"StyledAccordionDetails",path:"src/styles/StyledAccordionDetails.tsx#StyledAccordionDetails"})}catch(__react_docgen_typescript_loader_error){}var Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const StyledAccordionTitle_StyledAccordionTitle=(0,styled.Z)(Typography.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme})=>({fontSize:"13px",fontWeight:500,color:"#333"})));try{StyledAccordionTitle_StyledAccordionTitle.displayName="StyledAccordionTitle",StyledAccordionTitle_StyledAccordionTitle.__docgenInfo={description:"",displayName:"StyledAccordionTitle",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | (string & {}) | "inherit" | "initial" | "hidden" | "inset" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},align:{defaultValue:{value:"'inherit'"},description:"Set the text-align on the component.",name:"align",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"center"'},{value:'"left"'},{value:'"right"'},{value:'"justify"'}]}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TypographyClasses> & Partial<ClassNameMap<never>>)"}},gutterBottom:{defaultValue:{value:"false"},description:"If `true`, the text will have a bottom margin.",name:"gutterBottom",required:!1,type:{name:"boolean"}},noWrap:{defaultValue:{value:"false"},description:"If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n\nNote that text overflow can only happen with block or inline-block level elements\n(the element needs to have a width in order to overflow).",name:"noWrap",required:!1,type:{name:"boolean"}},paragraph:{defaultValue:{value:"false"},description:"If `true`, the element will be a paragraph element.",name:"paragraph",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'body1'"},description:"Applies the theme typography styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"subtitle1"'},{value:'"subtitle2"'},{value:'"body1"'},{value:'"body2"'},{value:'"caption"'},{value:'"button"'},{value:'"overline"'},{value:'"inherit"'}]}},variantMapping:{defaultValue:{value:"{\nh1: 'h1',\nh2: 'h2',\nh3: 'h3',\nh4: 'h4',\nh5: 'h5',\nh6: 'h6',\nsubtitle1: 'h6',\nsubtitle2: 'h6',\nbody1: 'p',\nbody2: 'p',\ninherit: 'p',\n}"},description:"The component maps the variant prop to a range of different HTML element types.\nFor instance, subtitle1 to `<h6>`.\nIf you wish to change that mapping, you can provide your own.\nAlternatively, you can use the `component` prop.",name:"variantMapping",required:!1,type:{name:'Partial<Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "inherit", string>>'}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledAccordionTitle.tsx#StyledAccordionTitle"]={docgenInfo:StyledAccordionTitle_StyledAccordionTitle.__docgenInfo,name:"StyledAccordionTitle",path:"src/styles/StyledAccordionTitle.tsx#StyledAccordionTitle"})}catch(__react_docgen_typescript_loader_error){}var TableCell=__webpack_require__("./node_modules/@mui/material/TableCell/TableCell.js");const StyledEditPackagesTableCell_StyledEditPackagesTableCell=(0,styled.Z)(TableCell.Z)((({theme})=>({padding:"0px",borderBottom:"0px"})));try{StyledEditPackagesTableCell_StyledEditPackagesTableCell.displayName="StyledEditPackagesTableCell",StyledEditPackagesTableCell_StyledEditPackagesTableCell.__docgenInfo={description:"",displayName:"StyledEditPackagesTableCell",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledEditPackagesTableCell.tsx#StyledEditPackagesTableCell"]={docgenInfo:StyledEditPackagesTableCell_StyledEditPackagesTableCell.__docgenInfo,name:"StyledEditPackagesTableCell",path:"src/styles/StyledEditPackagesTableCell.tsx#StyledEditPackagesTableCell"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js");const StyledButtonPrimary_StyledButtonPrimary=(0,styled.Z)(Button.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette},styleType=react.useContext(preferences.uo).styleType,isalttype="false"})=>({padding:"true"===isalttype?"3px 18px":"3px 35px",border:"grayscale"===styleType?"none":"1px solid #33A852",fontSize:"13px",color:"#fff",textTransform:"none",backgroundColor:"grayscale"===styleType?"#5F6368":"#33A852",boxShadow:"none",borderRadius:"true"===isalttype?"2px":"5px",":hover":{boxShadow:"none",color:"grayscale"===styleType?"#fff":"#33A852",backgroundColor:"grayscale"===styleType?"#3C4043":"#fff"},"&:disabled":{backgroundColor:"#dddcdc",border:"none"}})));try{StyledButtonPrimary_StyledButtonPrimary.displayName="StyledButtonPrimary",StyledButtonPrimary_StyledButtonPrimary.__docgenInfo={description:"",displayName:"StyledButtonPrimary",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<ButtonClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'primary'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableElevation:{defaultValue:{value:"false"},description:"If `true`, no elevation is used.",name:"disableElevation",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},endIcon:{defaultValue:null,description:"Element placed after the children.",name:"endIcon",required:!1,type:{name:"ReactNode"}},fullWidth:{defaultValue:{value:"false"},description:"If `true`, the button will take up the full width of its container.",name:"fullWidth",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node.",name:"href",required:!1,type:{name:"string"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.\n`small` is equivalent to the dense button styling.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},startIcon:{defaultValue:null,description:"Element placed before the children.",name:"startIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'text'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"outlined"'},{value:'"contained"'}]}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}},isalttype:{defaultValue:null,description:"",name:"isalttype",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledButtonPrimary.tsx#StyledButtonPrimary"]={docgenInfo:StyledButtonPrimary_StyledButtonPrimary.__docgenInfo,name:"StyledButtonPrimary",path:"src/styles/StyledButtonPrimary.tsx#StyledButtonPrimary"})}catch(__react_docgen_typescript_loader_error){}const StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell=(0,styled.Z)(TableCell.Z)((({theme})=>({paddingLeft:"0px",borderBottom:"0px",paddingBottom:"10px"})));try{StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell.displayName="StyledRequestedPackagesTableCell",StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell.__docgenInfo={description:"",displayName:"StyledRequestedPackagesTableCell",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledRequestedPackagesTableCell.tsx#StyledRequestedPackagesTableCell"]={docgenInfo:StyledRequestedPackagesTableCell_StyledRequestedPackagesTableCell.__docgenInfo,name:"StyledRequestedPackagesTableCell",path:"src/styles/StyledRequestedPackagesTableCell.tsx#StyledRequestedPackagesTableCell"})}catch(__react_docgen_typescript_loader_error){}const StyledIconButton_StyledIconButton=(0,styled.Z)(Button.Z)((({theme})=>({color:"#000",padding:"0px",minWidth:"auto"})));try{StyledIconButton_StyledIconButton.displayName="StyledIconButton",StyledIconButton_StyledIconButton.__docgenInfo={description:"",displayName:"StyledIconButton",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<ButtonClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'primary'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableElevation:{defaultValue:{value:"false"},description:"If `true`, no elevation is used.",name:"disableElevation",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},endIcon:{defaultValue:null,description:"Element placed after the children.",name:"endIcon",required:!1,type:{name:"ReactNode"}},fullWidth:{defaultValue:{value:"false"},description:"If `true`, the button will take up the full width of its container.",name:"fullWidth",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node.",name:"href",required:!1,type:{name:"string"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.\n`small` is equivalent to the dense button styling.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},startIcon:{defaultValue:null,description:"Element placed before the children.",name:"startIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'text'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"outlined"'},{value:'"contained"'}]}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledIconButton.tsx#StyledIconButton"]={docgenInfo:StyledIconButton_StyledIconButton.__docgenInfo,name:"StyledIconButton",path:"src/styles/StyledIconButton.tsx#StyledIconButton"})}catch(__react_docgen_typescript_loader_error){}var ArrowRightRounded=__webpack_require__("./node_modules/@mui/icons-material/ArrowRightRounded.js");const StyledAccordionExpandIcon_StyledAccordionExpandIcon=(0,styled.Z)(ArrowRightRounded.Z)((({theme:{palette}})=>({width:51,height:55,color:palette.secondary.main})));try{StyledAccordionExpandIcon_StyledAccordionExpandIcon.displayName="StyledAccordionExpandIcon",StyledAccordionExpandIcon_StyledAccordionExpandIcon.__docgenInfo={description:"",displayName:"StyledAccordionExpandIcon",props:{children:{defaultValue:null,description:"Node passed into the SVG element.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<SvgIconClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'inherit'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).\nYou can use the `htmlColor` prop to apply a color attribute to the SVG element.",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"action"'},{value:'"disabled"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},fontSize:{defaultValue:{value:"'medium'"},description:"The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.",name:"fontSize",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},htmlColor:{defaultValue:null,description:"Applies a color attribute to the SVG element.",name:"htmlColor",required:!1,type:{name:"string"}},inheritViewBox:{defaultValue:{value:"false"},description:"If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`\nprop will be ignored.\nUseful when you want to reference a custom `component` and have `SvgIcon` pass that\n`component`'s viewBox to the root node.",name:"inheritViewBox",required:!1,type:{name:"boolean"}},shapeRendering:{defaultValue:null,description:"The shape-rendering attribute. The behavior of the different options is described on the\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).\nIf you are having issues with blurry icons you should investigate this prop.",name:"shapeRendering",required:!1,type:{name:"string"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},titleAccess:{defaultValue:null,description:"Provides a human-readable title for the element that contains it.\nhttps://www.w3.org/TR/SVG-access/#Equivalent",name:"titleAccess",required:!1,type:{name:"string"}},viewBox:{defaultValue:{value:"'0 0 24 24'"},description:'Allows you to redefine what the coordinates without units mean inside an SVG element.\nFor example, if the SVG element is 500 (width) by 200 (height),\nand you pass viewBox="0 0 50 20",\nthis means that the coordinates inside the SVG will go from the top left corner (0,0)\nto bottom right (50,20) and each unit will be worth 10px.',name:"viewBox",required:!1,type:{name:"string"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: SVGSVGElement | null) => void) | RefObject<SVGSVGElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledAccordionExpandIcon.tsx#StyledAccordionExpandIcon"]={docgenInfo:StyledAccordionExpandIcon_StyledAccordionExpandIcon.__docgenInfo,name:"StyledAccordionExpandIcon",path:"src/styles/StyledAccordionExpandIcon.tsx#StyledAccordionExpandIcon"})}catch(__react_docgen_typescript_loader_error){}var Box=__webpack_require__("./node_modules/@mui/material/Box/Box.js");const StyledScrollContainer_StyledScrollContainer=(0,styled.Z)(Box.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette}})=>({overflowY:"scroll",overflowX:"hidden",paddingRight:"0px","&::-webkit-scrollbar":{width:"10px"},"&::-webkit-scrollbar-track":{backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:"#DADCE0",borderRadius:"5px",border:"none"}})));try{StyledScrollContainer_StyledScrollContainer.displayName="StyledScrollContainer",StyledScrollContainer_StyledScrollContainer.__docgenInfo={description:"",displayName:"StyledScrollContainer",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | (string & {}) | "inherit" | "initial" | "hidden" | "inset" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledScrollContainer.tsx#StyledScrollContainer"]={docgenInfo:StyledScrollContainer_StyledScrollContainer.__docgenInfo,name:"StyledScrollContainer",path:"src/styles/StyledScrollContainer.tsx#StyledScrollContainer"})}catch(__react_docgen_typescript_loader_error){}var Tab=__webpack_require__("./node_modules/@mui/material/Tab/Tab.js");const StyledTab_StyledTab=(0,styled.Z)(Tab.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme:{palette}})=>({border:"transparent",padding:"7px 12px",textTransform:"none",fontSize:"14px",minHeight:"48px",maxHeight:"48px",maxWidth:"340px",justifyContent:"space-between","&.Mui-selected":{color:"#333",fontWeight:400,border:"1px solid #E0E0E0",borderTop:"none",borderBottom:"none",background:"#F9F9F9"}})));try{StyledTab_StyledTab.displayName="StyledTab",StyledTab_StyledTab.__docgenInfo={description:"",displayName:"StyledTab",props:{children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.\nThe content of the component.",name:"children",required:!1,type:{name:"null"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TabClasses> & Partial<ClassNameMap<never>>)"}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"The icon to display.",name:"icon",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>>"}},iconPosition:{defaultValue:{value:"'top'"},description:"The position of the icon relative to the label.",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"bottom"'},{value:'"top"'},{value:'"end"'},{value:'"start"'}]}},label:{defaultValue:null,description:"The label element.",name:"label",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},value:{defaultValue:null,description:"You can provide your own value. Otherwise, we fallback to the child position index.",name:"value",required:!1,type:{name:"any"}},wrapped:{defaultValue:{value:"false"},description:"Tab labels appear in a single row.\nThey can use a second line if needed.",name:"wrapped",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledTab.tsx#StyledTab"]={docgenInfo:StyledTab_StyledTab.__docgenInfo,name:"StyledTab",path:"src/styles/StyledTab.tsx#StyledTab"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/styles/StyledTabs.tsx");const StyledBox_StyledBox=(0,styled.Z)(Box.Z,{shouldForwardProp:prop=>"styleType"!==prop})((({theme,styleType=react.useContext(preferences.uo).styleType})=>({border:"1px solid #E0E0E0",marginTop:"25px",boxShadow:"none",backgroundColor:"grayscale"===styleType?"#EBECEE":"#E6F4EA"})));try{StyledBox_StyledBox.displayName="StyledBox",StyledBox_StyledBox.__docgenInfo={description:"",displayName:"StyledBox",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | (string & {}) | "inherit" | "initial" | "hidden" | "inset" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/StyledBox.tsx#StyledBox"]={docgenInfo:StyledBox_StyledBox.__docgenInfo,name:"StyledBox",path:"src/styles/StyledBox.tsx#StyledBox"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./src/styles/StyledMetadataItem.tsx");try{StyledAccordionSummary.displayName="StyledAccordionSummary",StyledAccordionSummary.__docgenInfo={description:"",displayName:"StyledAccordionSummary",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<AccordionSummaryClasses> & Partial<ClassNameMap<never>>)"}},expandIcon:{defaultValue:null,description:"The icon to display as the expand indicator.",name:"expandIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledAccordionSummary"]={docgenInfo:StyledAccordionSummary.__docgenInfo,name:"StyledAccordionSummary",path:"src/styles/index.tsx#StyledAccordionSummary"})}catch(__react_docgen_typescript_loader_error){}try{StyledAccordionDetails.displayName="StyledAccordionDetails",StyledAccordionDetails.__docgenInfo={description:"",displayName:"StyledAccordionDetails",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledAccordionDetails"]={docgenInfo:StyledAccordionDetails.__docgenInfo,name:"StyledAccordionDetails",path:"src/styles/index.tsx#StyledAccordionDetails"})}catch(__react_docgen_typescript_loader_error){}try{StyledAccordionTitle.displayName="StyledAccordionTitle",StyledAccordionTitle.__docgenInfo={description:"",displayName:"StyledAccordionTitle",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | (string & {}) | "inherit" | "initial" | "hidden" | "inset" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},align:{defaultValue:{value:"'inherit'"},description:"Set the text-align on the component.",name:"align",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"center"'},{value:'"left"'},{value:'"right"'},{value:'"justify"'}]}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TypographyClasses> & Partial<ClassNameMap<never>>)"}},gutterBottom:{defaultValue:{value:"false"},description:"If `true`, the text will have a bottom margin.",name:"gutterBottom",required:!1,type:{name:"boolean"}},noWrap:{defaultValue:{value:"false"},description:"If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n\nNote that text overflow can only happen with block or inline-block level elements\n(the element needs to have a width in order to overflow).",name:"noWrap",required:!1,type:{name:"boolean"}},paragraph:{defaultValue:{value:"false"},description:"If `true`, the element will be a paragraph element.",name:"paragraph",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'body1'"},description:"Applies the theme typography styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"subtitle1"'},{value:'"subtitle2"'},{value:'"body1"'},{value:'"body2"'},{value:'"caption"'},{value:'"button"'},{value:'"overline"'},{value:'"inherit"'}]}},variantMapping:{defaultValue:{value:"{\nh1: 'h1',\nh2: 'h2',\nh3: 'h3',\nh4: 'h4',\nh5: 'h5',\nh6: 'h6',\nsubtitle1: 'h6',\nsubtitle2: 'h6',\nbody1: 'p',\nbody2: 'p',\ninherit: 'p',\n}"},description:"The component maps the variant prop to a range of different HTML element types.\nFor instance, subtitle1 to `<h6>`.\nIf you wish to change that mapping, you can provide your own.\nAlternatively, you can use the `component` prop.",name:"variantMapping",required:!1,type:{name:'Partial<Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "inherit", string>>'}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledAccordionTitle"]={docgenInfo:StyledAccordionTitle.__docgenInfo,name:"StyledAccordionTitle",path:"src/styles/index.tsx#StyledAccordionTitle"})}catch(__react_docgen_typescript_loader_error){}try{StyledEditPackagesTableCell.displayName="StyledEditPackagesTableCell",StyledEditPackagesTableCell.__docgenInfo={description:"",displayName:"StyledEditPackagesTableCell",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledEditPackagesTableCell"]={docgenInfo:StyledEditPackagesTableCell.__docgenInfo,name:"StyledEditPackagesTableCell",path:"src/styles/index.tsx#StyledEditPackagesTableCell"})}catch(__react_docgen_typescript_loader_error){}try{StyledButtonPrimary.displayName="StyledButtonPrimary",StyledButtonPrimary.__docgenInfo={description:"",displayName:"StyledButtonPrimary",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<ButtonClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'primary'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableElevation:{defaultValue:{value:"false"},description:"If `true`, no elevation is used.",name:"disableElevation",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},endIcon:{defaultValue:null,description:"Element placed after the children.",name:"endIcon",required:!1,type:{name:"ReactNode"}},fullWidth:{defaultValue:{value:"false"},description:"If `true`, the button will take up the full width of its container.",name:"fullWidth",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node.",name:"href",required:!1,type:{name:"string"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.\n`small` is equivalent to the dense button styling.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},startIcon:{defaultValue:null,description:"Element placed before the children.",name:"startIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'text'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"outlined"'},{value:'"contained"'}]}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}},isalttype:{defaultValue:null,description:"",name:"isalttype",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledButtonPrimary"]={docgenInfo:StyledButtonPrimary.__docgenInfo,name:"StyledButtonPrimary",path:"src/styles/index.tsx#StyledButtonPrimary"})}catch(__react_docgen_typescript_loader_error){}try{StyledRequestedPackagesTableCell.displayName="StyledRequestedPackagesTableCell",StyledRequestedPackagesTableCell.__docgenInfo={description:"",displayName:"StyledRequestedPackagesTableCell",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledRequestedPackagesTableCell"]={docgenInfo:StyledRequestedPackagesTableCell.__docgenInfo,name:"StyledRequestedPackagesTableCell",path:"src/styles/index.tsx#StyledRequestedPackagesTableCell"})}catch(__react_docgen_typescript_loader_error){}try{StyledIconButton.displayName="StyledIconButton",StyledIconButton.__docgenInfo={description:"",displayName:"StyledIconButton",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<ButtonClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'primary'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableElevation:{defaultValue:{value:"false"},description:"If `true`, no elevation is used.",name:"disableElevation",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},endIcon:{defaultValue:null,description:"Element placed after the children.",name:"endIcon",required:!1,type:{name:"ReactNode"}},fullWidth:{defaultValue:{value:"false"},description:"If `true`, the button will take up the full width of its container.",name:"fullWidth",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"The URL to link to when the button is clicked.\nIf defined, an `a` element will be used as the root node.",name:"href",required:!1,type:{name:"string"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.\n`small` is equivalent to the dense button styling.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},startIcon:{defaultValue:null,description:"Element placed before the children.",name:"startIcon",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'text'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"outlined"'},{value:'"contained"'}]}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledIconButton"]={docgenInfo:StyledIconButton.__docgenInfo,name:"StyledIconButton",path:"src/styles/index.tsx#StyledIconButton"})}catch(__react_docgen_typescript_loader_error){}try{StyledAccordionExpandIcon.displayName="StyledAccordionExpandIcon",StyledAccordionExpandIcon.__docgenInfo={description:"",displayName:"StyledAccordionExpandIcon",props:{children:{defaultValue:null,description:"Node passed into the SVG element.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<SvgIconClasses> & Partial<ClassNameMap<never>>)"}},color:{defaultValue:{value:"'inherit'"},description:"The color of the component.\nIt supports both default and custom theme colors, which can be added as shown in the\n[palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).\nYou can use the `htmlColor` prop to apply a color attribute to the SVG element.",name:"color",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"action"'},{value:'"disabled"'},{value:'"primary"'},{value:'"secondary"'},{value:'"success"'},{value:'"error"'},{value:'"info"'},{value:'"warning"'}]}},fontSize:{defaultValue:{value:"'medium'"},description:"The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.",name:"fontSize",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},htmlColor:{defaultValue:null,description:"Applies a color attribute to the SVG element.",name:"htmlColor",required:!1,type:{name:"string"}},inheritViewBox:{defaultValue:{value:"false"},description:"If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`\nprop will be ignored.\nUseful when you want to reference a custom `component` and have `SvgIcon` pass that\n`component`'s viewBox to the root node.",name:"inheritViewBox",required:!1,type:{name:"boolean"}},shapeRendering:{defaultValue:null,description:"The shape-rendering attribute. The behavior of the different options is described on the\n[MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).\nIf you are having issues with blurry icons you should investigate this prop.",name:"shapeRendering",required:!1,type:{name:"string"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},titleAccess:{defaultValue:null,description:"Provides a human-readable title for the element that contains it.\nhttps://www.w3.org/TR/SVG-access/#Equivalent",name:"titleAccess",required:!1,type:{name:"string"}},viewBox:{defaultValue:{value:"'0 0 24 24'"},description:'Allows you to redefine what the coordinates without units mean inside an SVG element.\nFor example, if the SVG element is 500 (width) by 200 (height),\nand you pass viewBox="0 0 50 20",\nthis means that the coordinates inside the SVG will go from the top left corner (0,0)\nto bottom right (50,20) and each unit will be worth 10px.',name:"viewBox",required:!1,type:{name:"string"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: SVGSVGElement | null) => void) | RefObject<SVGSVGElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledAccordionExpandIcon"]={docgenInfo:StyledAccordionExpandIcon.__docgenInfo,name:"StyledAccordionExpandIcon",path:"src/styles/index.tsx#StyledAccordionExpandIcon"})}catch(__react_docgen_typescript_loader_error){}try{StyledScrollContainer.displayName="StyledScrollContainer",StyledScrollContainer.__docgenInfo={description:"",displayName:"StyledScrollContainer",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | (string & {}) | "inherit" | "initial" | "hidden" | "inset" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledScrollContainer"]={docgenInfo:StyledScrollContainer.__docgenInfo,name:"StyledScrollContainer",path:"src/styles/index.tsx#StyledScrollContainer"})}catch(__react_docgen_typescript_loader_error){}try{StyledTab.displayName="StyledTab",StyledTab.__docgenInfo={description:"",displayName:"StyledTab",props:{children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.\nThe content of the component.",name:"children",required:!1,type:{name:"null"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TabClasses> & Partial<ClassNameMap<never>>)"}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableFocusRipple:{defaultValue:{value:"false"},description:"If `true`, the  keyboard focus ripple is disabled.",name:"disableFocusRipple",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"The icon to display.",name:"icon",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>>"}},iconPosition:{defaultValue:{value:"'top'"},description:"The position of the icon relative to the label.",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"bottom"'},{value:'"top"'},{value:'"end"'},{value:'"start"'}]}},label:{defaultValue:null,description:"The label element.",name:"label",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},value:{defaultValue:null,description:"You can provide your own value. Otherwise, we fallback to the child position index.",name:"value",required:!1,type:{name:"any"}},wrapped:{defaultValue:{value:"false"},description:"Tab labels appear in a single row.\nThey can use a second line if needed.",name:"wrapped",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref<ButtonBaseActions>"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledTab"]={docgenInfo:StyledTab.__docgenInfo,name:"StyledTab",path:"src/styles/index.tsx#StyledTab"})}catch(__react_docgen_typescript_loader_error){}try{StyledTabs.displayName="StyledTabs",StyledTabs.__docgenInfo={description:"",displayName:"StyledTabs",props:{action:{defaultValue:null,description:"Callback fired when the component mounts.\nThis is useful when you want to trigger an action programmatically.\nIt supports two actions: `updateIndicator()` and `updateScrollButtons()`\n@param actions This object contains all possible actions\nthat can be triggered programmatically.",name:"action",required:!1,type:{name:"Ref<TabsActions>"}},allowScrollButtonsMobile:{defaultValue:{value:"false"},description:"If `true`, the scroll buttons aren't forced hidden on mobile.\nBy default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.",name:"allowScrollButtonsMobile",required:!1,type:{name:"boolean"}},"aria-label":{defaultValue:null,description:"The label for the Tabs as a string.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"An id or list of ids separated by a space that label the Tabs.",name:"aria-labelledby",required:!1,type:{name:"string"}},centered:{defaultValue:{value:"false"},description:"If `true`, the tabs are centered.\nThis prop is intended for large views.",name:"centered",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TabsClasses> & Partial<ClassNameMap<never>>)"}},indicatorColor:{defaultValue:{value:"'primary'"},description:"Determines the color of the indicator.",name:"indicatorColor",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},onChange:{defaultValue:null,description:"Callback fired when the value changes.\n@param event The event source of the callback. **Warning**: This is a generic event not a change event.\n@param value We default to the index of the child (number)",name:"onChange",required:!1,type:{name:"((event: SyntheticEvent<Element, Event>, value: any) => void)"}},orientation:{defaultValue:{value:"'horizontal'"},description:"The component orientation (layout flow direction).",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},ScrollButtonComponent:{defaultValue:{value:"TabScrollButton"},description:"The component used to render the scroll buttons.",name:"ScrollButtonComponent",required:!1,type:{name:"ElementType<any>"}},scrollButtons:{defaultValue:{value:"'auto'"},description:"Determine behavior of scroll buttons when tabs are set to scroll:\n\n- `auto` will only present them when not all the items are visible.\n- `true` will always present them.\n- `false` will never present them.\n\nBy default the scroll buttons are hidden on mobile.\nThis behavior can be disabled with `allowScrollButtonsMobile`.",name:"scrollButtons",required:!1,type:{name:'boolean | "auto"'}},selectionFollowsFocus:{defaultValue:null,description:"If `true` the selected tab changes on focus. Otherwise it only\nchanges on activation.",name:"selectionFollowsFocus",required:!1,type:{name:"boolean"}},TabIndicatorProps:{defaultValue:{value:"{}"},description:"Props applied to the tab indicator element.",name:"TabIndicatorProps",required:!1,type:{name:"(HTMLAttributes<HTMLDivElement> & { sx?: SxProps<Theme>; })"}},TabScrollButtonProps:{defaultValue:{value:"{}"},description:"Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.",name:"TabScrollButtonProps",required:!1,type:{name:"Partial<TabScrollButtonProps>"}},textColor:{defaultValue:{value:"'primary'"},description:"Determines the color of the `Tab`.",name:"textColor",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"primary"'},{value:'"secondary"'}]}},value:{defaultValue:null,description:"The value of the currently selected `Tab`.\nIf you don't want any selected `Tab`, you can set this prop to `false`.",name:"value",required:!1,type:{name:"any"}},variant:{defaultValue:{value:"'standard'"},description:"Determines additional display behavior of the tabs:\n\n- `scrollable` will invoke scrolling properties and allow for horizontally\nscrolling (or swiping) of the tab bar.\n-`fullWidth` will make the tabs grow to use all the available space,\nwhich should be used for small views, like on mobile.\n- `standard` will render the default state.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"fullWidth"'},{value:'"standard"'},{value:'"scrollable"'}]}},visibleScrollbar:{defaultValue:{value:"false"},description:"If `true`, the scrollbar is visible. It can be useful when displaying\na long vertical list of tabs.",name:"visibleScrollbar",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType<any>"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler<any>"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial<TouchRippleProps>"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref<TouchRippleActions>"}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledTabs"]={docgenInfo:StyledTabs.__docgenInfo,name:"StyledTabs",path:"src/styles/index.tsx#StyledTabs"})}catch(__react_docgen_typescript_loader_error){}try{StyledBox.displayName="StyledBox",StyledBox.__docgenInfo={description:"",displayName:"StyledBox",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | (string & {}) | "inherit" | "initial" | "hidden" | "inset" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType<any>"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<unknown>"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},styleType:{defaultValue:null,description:"",name:"styleType",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledBox"]={docgenInfo:StyledBox.__docgenInfo,name:"StyledBox",path:"src/styles/index.tsx#StyledBox"})}catch(__react_docgen_typescript_loader_error){}try{StyledMetadataItem.displayName="StyledMetadataItem",StyledMetadataItem.__docgenInfo={description:"",displayName:"StyledMetadataItem",props:{fontFamily:{defaultValue:null,description:"",name:"fontFamily",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontFamily> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontFamily>)"}},fontSize:{defaultValue:null,description:"",name:"fontSize",required:!1,type:{name:"ResponsiveStyleValue<FontSize<string | number> | NonNullable<FontSize<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"ResponsiveStyleValue<string[] | Color> | ((theme: Theme) => ResponsiveStyleValue<string[] | Color>)"}},p:{defaultValue:null,description:"",name:"p",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:'ResponsiveStyleValue<number | "none" | (string & {}) | "inherit" | "initial" | "hidden" | "inset" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "medium" | "thick" | "thin" | "dashed" | ... 184 more ...> | ((theme: Theme) => ResponsiveStyleValue<...>)'}},boxShadow:{defaultValue:null,description:"",name:"boxShadow",required:!1,type:{name:"ResponsiveStyleValue<number | BoxShadow> | ((theme: Theme) => ResponsiveStyleValue<number | BoxShadow>)"}},fontWeight:{defaultValue:null,description:"",name:"fontWeight",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"ResponsiveStyleValue<string | (string & {}) | (number & {})> | ((theme: Theme) => ResponsiveStyleValue<string | (string & {}) | (number & {})>)"}},alignContent:{defaultValue:null,description:"",name:"alignContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignContent>)"}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignItems>)"}},alignSelf:{defaultValue:null,description:"",name:"alignSelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | AlignSelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | AlignSelf>)"}},bottom:{defaultValue:null,description:"",name:"bottom",required:!1,type:{name:"ResponsiveStyleValue<Bottom<string | number> | NonNullable<Bottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},boxSizing:{defaultValue:null,description:"",name:"boxSizing",required:!1,type:{name:"ResponsiveStyleValue<BoxSizing | NonNullable<BoxSizing>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},columnGap:{defaultValue:null,description:"",name:"columnGap",required:!1,type:{name:"ResponsiveStyleValue<ColumnGap<string | number> | NonNullable<ColumnGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},flexBasis:{defaultValue:null,description:"",name:"flexBasis",required:!1,type:{name:"ResponsiveStyleValue<FlexBasis<string | number> | NonNullable<FlexBasis<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexDirection:{defaultValue:null,description:"",name:"flexDirection",required:!1,type:{name:"ResponsiveStyleValue<FlexDirection | NonNullable<FlexDirection>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexGrow:{defaultValue:null,description:"",name:"flexGrow",required:!1,type:{name:"ResponsiveStyleValue<FlexGrow | NonNullable<FlexGrow>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexShrink:{defaultValue:null,description:"",name:"flexShrink",required:!1,type:{name:"ResponsiveStyleValue<FlexShrink | NonNullable<FlexShrink>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flexWrap:{defaultValue:null,description:"",name:"flexWrap",required:!1,type:{name:"ResponsiveStyleValue<FlexWrap | NonNullable<FlexWrap>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},fontStyle:{defaultValue:null,description:"",name:"fontStyle",required:!1,type:{name:"ResponsiveStyleValue<string[] | FontStyle> | ((theme: Theme) => ResponsiveStyleValue<string[] | FontStyle>)"}},gridAutoColumns:{defaultValue:null,description:"",name:"gridAutoColumns",required:!1,type:{name:"ResponsiveStyleValue<GridAutoColumns<string | number> | NonNullable<GridAutoColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridAutoFlow:{defaultValue:null,description:"",name:"gridAutoFlow",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridAutoFlow> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridAutoFlow>)"}},gridAutoRows:{defaultValue:null,description:"",name:"gridAutoRows",required:!1,type:{name:"ResponsiveStyleValue<GridAutoRows<string | number> | NonNullable<GridAutoRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateAreas:{defaultValue:null,description:"",name:"gridTemplateAreas",required:!1,type:{name:"ResponsiveStyleValue<string[] | GridTemplateAreas> | ((theme: Theme) => ResponsiveStyleValue<string[] | GridTemplateAreas>)"}},gridTemplateColumns:{defaultValue:null,description:"",name:"gridTemplateColumns",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateColumns<string | number> | NonNullable<GridTemplateColumns<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridTemplateRows:{defaultValue:null,description:"",name:"gridTemplateRows",required:!1,type:{name:"ResponsiveStyleValue<GridTemplateRows<string | number> | NonNullable<GridTemplateRows<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"ResponsiveStyleValue<Height<string | number> | NonNullable<Height<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyContent> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyContent>)"}},justifyItems:{defaultValue:null,description:"",name:"justifyItems",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifyItems> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifyItems>)"}},justifySelf:{defaultValue:null,description:"",name:"justifySelf",required:!1,type:{name:"ResponsiveStyleValue<string[] | JustifySelf> | ((theme: Theme) => ResponsiveStyleValue<string[] | JustifySelf>)"}},left:{defaultValue:null,description:"",name:"left",required:!1,type:{name:"ResponsiveStyleValue<Left<string | number> | NonNullable<Left<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},letterSpacing:{defaultValue:null,description:"",name:"letterSpacing",required:!1,type:{name:"ResponsiveStyleValue<LetterSpacing<string | number> | NonNullable<LetterSpacing<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},lineHeight:{defaultValue:null,description:"",name:"lineHeight",required:!1,type:{name:"ResponsiveStyleValue<LineHeight<string | number> | NonNullable<LineHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginBottom:{defaultValue:null,description:"",name:"marginBottom",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginLeft:{defaultValue:null,description:"",name:"marginLeft",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginRight:{defaultValue:null,description:"",name:"marginRight",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginTop:{defaultValue:null,description:"",name:"marginTop",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"ResponsiveStyleValue<MaxHeight<string | number> | NonNullable<MaxHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},maxWidth:{defaultValue:null,description:"",name:"maxWidth",required:!1,type:{name:"ResponsiveStyleValue<MaxWidth<string | number> | NonNullable<MaxWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minHeight:{defaultValue:null,description:"",name:"minHeight",required:!1,type:{name:"ResponsiveStyleValue<MinHeight<string | number> | NonNullable<MinHeight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},minWidth:{defaultValue:null,description:"",name:"minWidth",required:!1,type:{name:"ResponsiveStyleValue<MinWidth<string | number> | NonNullable<MinWidth<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},order:{defaultValue:null,description:"",name:"order",required:!1,type:{name:"ResponsiveStyleValue<Order | NonNullable<Order>[]> | ((theme: Theme) => ResponsiveStyleValue<Order | NonNullable<...>[] | undefined>)"}},paddingBottom:{defaultValue:null,description:"",name:"paddingBottom",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingLeft:{defaultValue:null,description:"",name:"paddingLeft",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingRight:{defaultValue:null,description:"",name:"paddingRight",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingTop:{defaultValue:null,description:"",name:"paddingTop",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"ResponsiveStyleValue<Position | NonNullable<Position>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"ResponsiveStyleValue<Right<string | number> | NonNullable<Right<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},rowGap:{defaultValue:null,description:"",name:"rowGap",required:!1,type:{name:"ResponsiveStyleValue<RowGap<string | number> | NonNullable<RowGap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textAlign:{defaultValue:null,description:"",name:"textAlign",required:!1,type:{name:"ResponsiveStyleValue<TextAlign | NonNullable<TextAlign>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},textOverflow:{defaultValue:null,description:"",name:"textOverflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | TextOverflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | TextOverflow>)"}},textTransform:{defaultValue:null,description:"",name:"textTransform",required:!1,type:{name:"ResponsiveStyleValue<TextTransform | NonNullable<TextTransform>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"ResponsiveStyleValue<Top<string | number> | NonNullable<Top<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},visibility:{defaultValue:null,description:"",name:"visibility",required:!1,type:{name:"ResponsiveStyleValue<Visibility | NonNullable<Visibility>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},whiteSpace:{defaultValue:null,description:"",name:"whiteSpace",required:!1,type:{name:"ResponsiveStyleValue<WhiteSpace | NonNullable<WhiteSpace>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"ResponsiveStyleValue<Width<string | number> | NonNullable<Width<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderBottom:{defaultValue:null,description:"",name:"borderBottom",required:!1,type:{name:"ResponsiveStyleValue<BorderBottom<string | number> | NonNullable<BorderBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderColor:{defaultValue:null,description:"",name:"borderColor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BorderColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BorderColor>)"}},borderLeft:{defaultValue:null,description:"",name:"borderLeft",required:!1,type:{name:"ResponsiveStyleValue<BorderLeft<string | number> | NonNullable<BorderLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"ResponsiveStyleValue<BorderRadius<string | number> | NonNullable<BorderRadius<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderRight:{defaultValue:null,description:"",name:"borderRight",required:!1,type:{name:"ResponsiveStyleValue<BorderRight<string | number> | NonNullable<BorderRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},borderTop:{defaultValue:null,description:"",name:"borderTop",required:!1,type:{name:"ResponsiveStyleValue<BorderTop<string | number> | NonNullable<BorderTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},flex:{defaultValue:null,description:"",name:"flex",required:!1,type:{name:"ResponsiveStyleValue<Flex<string | number> | NonNullable<Flex<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"ResponsiveStyleValue<Gap<string | number> | NonNullable<Gap<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridArea:{defaultValue:null,description:"",name:"gridArea",required:!1,type:{name:"ResponsiveStyleValue<GridArea | NonNullable<GridArea>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridColumn:{defaultValue:null,description:"",name:"gridColumn",required:!1,type:{name:"ResponsiveStyleValue<GridColumn | NonNullable<GridColumn>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},gridRow:{defaultValue:null,description:"",name:"gridRow",required:!1,type:{name:"ResponsiveStyleValue<GridRow | NonNullable<GridRow>[]> | ((theme: Theme) => ResponsiveStyleValue<GridRow | NonNullable<...>[] | undefined>)"}},margin:{defaultValue:null,description:"",name:"margin",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},overflow:{defaultValue:null,description:"",name:"overflow",required:!1,type:{name:"ResponsiveStyleValue<string[] | Overflow> | ((theme: Theme) => ResponsiveStyleValue<string[] | Overflow>)"}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"ResponsiveStyleValue<Padding<string | number> | NonNullable<Padding<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},bgcolor:{defaultValue:null,description:"",name:"bgcolor",required:!1,type:{name:"ResponsiveStyleValue<string[] | BackgroundColor> | ((theme: Theme) => ResponsiveStyleValue<string[] | BackgroundColor>)"}},m:{defaultValue:null,description:"",name:"m",required:!1,type:{name:"ResponsiveStyleValue<Margin<string | number> | NonNullable<Margin<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mt:{defaultValue:null,description:"",name:"mt",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mr:{defaultValue:null,description:"",name:"mr",required:!1,type:{name:"ResponsiveStyleValue<MarginRight<string | number> | NonNullable<MarginRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mb:{defaultValue:null,description:"",name:"mb",required:!1,type:{name:"ResponsiveStyleValue<MarginBottom<string | number> | NonNullable<MarginBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},ml:{defaultValue:null,description:"",name:"ml",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},mx:{defaultValue:null,description:"",name:"mx",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginX:{defaultValue:null,description:"",name:"marginX",required:!1,type:{name:"ResponsiveStyleValue<MarginLeft<string | number> | NonNullable<MarginLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},my:{defaultValue:null,description:"",name:"my",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},marginY:{defaultValue:null,description:"",name:"marginY",required:!1,type:{name:"ResponsiveStyleValue<MarginTop<string | number> | NonNullable<MarginTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pt:{defaultValue:null,description:"",name:"pt",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pr:{defaultValue:null,description:"",name:"pr",required:!1,type:{name:"ResponsiveStyleValue<PaddingRight<string | number> | NonNullable<PaddingRight<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pb:{defaultValue:null,description:"",name:"pb",required:!1,type:{name:"ResponsiveStyleValue<PaddingBottom<string | number> | NonNullable<PaddingBottom<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},pl:{defaultValue:null,description:"",name:"pl",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},px:{defaultValue:null,description:"",name:"px",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingX:{defaultValue:null,description:"",name:"paddingX",required:!1,type:{name:"ResponsiveStyleValue<PaddingLeft<string | number> | NonNullable<PaddingLeft<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},py:{defaultValue:null,description:"",name:"py",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},paddingY:{defaultValue:null,description:"",name:"paddingY",required:!1,type:{name:"ResponsiveStyleValue<PaddingTop<string | number> | NonNullable<PaddingTop<string | number>>[]> | ((theme: Theme) => ResponsiveStyleValue<...>)"}},typography:{defaultValue:null,description:"",name:"typography",required:!1,type:{name:"ResponsiveStyleValue<string> | ((theme: Theme) => ResponsiveStyleValue<string>)"}},displayPrint:{defaultValue:null,description:"",name:"displayPrint",required:!1,type:{name:"ResponsiveStyleValue<string[] | Display> | ((theme: Theme) => ResponsiveStyleValue<string[] | Display>)"}},align:{defaultValue:{value:"'inherit'"},description:"Set the text-align on the component.",name:"align",required:!1,type:{name:"enum",value:[{value:'"inherit"'},{value:'"center"'},{value:'"left"'},{value:'"right"'},{value:'"justify"'}]}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial<TypographyClasses> & Partial<ClassNameMap<never>>)"}},gutterBottom:{defaultValue:{value:"false"},description:"If `true`, the text will have a bottom margin.",name:"gutterBottom",required:!1,type:{name:"boolean"}},noWrap:{defaultValue:{value:"false"},description:"If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n\nNote that text overflow can only happen with block or inline-block level elements\n(the element needs to have a width in order to overflow).",name:"noWrap",required:!1,type:{name:"boolean"}},paragraph:{defaultValue:{value:"false"},description:"If `true`, the element will be a paragraph element.",name:"paragraph",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"((SystemCssProperties<Theme> | CSSPseudoSelectorProps<Theme> | CSSSelectorObjectOrCssVariables<Theme> | ((theme: Theme) => SystemStyleObject<...>) | readonly (boolean | ... 1 more ... | ((theme: Theme) => SystemStyleObject<...>))[]) & (SystemCssProperties<...> | ... 3 more ... | readonly (boolean | ... 1 more ... | ..."}},variant:{defaultValue:{value:"'body1'"},description:"Applies the theme typography styles.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"subtitle1"'},{value:'"subtitle2"'},{value:'"body1"'},{value:'"body2"'},{value:'"caption"'},{value:'"button"'},{value:'"overline"'},{value:'"inherit"'}]}},variantMapping:{defaultValue:{value:"{\nh1: 'h1',\nh2: 'h2',\nh3: 'h3',\nh4: 'h4',\nh5: 'h5',\nh6: 'h6',\nsubtitle1: 'h6',\nsubtitle2: 'h6',\nbody1: 'p',\nbody2: 'p',\ninherit: 'p',\n}"},description:"The component maps the variant prop to a range of different HTML element types.\nFor instance, subtitle1 to `<h6>`.\nIf you wish to change that mapping, you can provide your own.\nAlternatively, you can use the `component` prop.",name:"variantMapping",required:!1,type:{name:'Partial<Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "inherit", string>>'}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/styles/index.tsx#StyledMetadataItem"]={docgenInfo:StyledMetadataItem.__docgenInfo,name:"StyledMetadataItem",path:"src/styles/index.tsx#StyledMetadataItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/utils/helpers/buildMapper.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";Intl.DateTimeFormat().resolvedOptions().timeZone},"./src/utils/helpers/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O5:()=>getIconForStyleType,I7:()=>getStylesForStyleType,oA:()=>isPathAbsolute,Wc:()=>reorderArray,v2:()=>requestedPackageParser});const reorderArray=({list,startIndex,endIndex})=>{const result=JSON.parse(JSON.stringify(list)),[removed]=result.splice(startIndex,1);return result.splice(endIndex,0,removed),result},requestedPackageParser=requestedPackageName=>{const splittedPackageName=requestedPackageName.split(/(>=|<=|<|>|==|=)/g),name=splittedPackageName[0];let version="",constraint="latest";return splittedPackageName.length>1&&(constraint=splittedPackageName[1],version=splittedPackageName[2]),{name,version,constraint}};__webpack_require__("./src/utils/helpers/buildMapper.ts");const isPathAbsolute=path=>new RegExp("^(?:[a-z]+:)?//","i").test(path);var react=__webpack_require__("./node_modules/react/index.js"),preferences=__webpack_require__("./src/preferences.tsx");const getStylesForStyleType=(grayscaleStyles,greenAccentStyles)=>{if(!greenAccentStyles)return grayscaleStyles;return"grayscale"===react.useContext(preferences.uo).styleType?grayscaleStyles:greenAccentStyles},getIconForStyleType=(grayscaleIcon,greenAccentIcon)=>{if(!greenAccentIcon)return grayscaleIcon;return"grayscale"===react.useContext(preferences.uo).styleType?grayscaleIcon:greenAccentIcon}},"./src/docs/markdown sync ^\\.[\\\\/](?:(?%21\\.)(?=.)[^/]*?\\.md)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./CONFIGURATION.md":"./src/docs/markdown/CONFIGURATION.md","./GETTING_STARTED.md":"./src/docs/markdown/GETTING_STARTED.md","./INSTALL.md":"./src/docs/markdown/INSTALL.md","./INTRODUCTION.md":"./src/docs/markdown/INTRODUCTION.md","./RUN.md":"./src/docs/markdown/RUN.md","./START.md":"./src/docs/markdown/START.md"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src/docs/markdown sync ^\\.[\\\\/](?:(?%21\\.)(?=.)[^/]*?\\.md)$"},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./features/artifacts/stories/ArtifactsList.stories.tsx":"./src/features/artifacts/stories/ArtifactsList.stories.tsx","./features/channels/stories/ChannelsEdit.stories.tsx":"./src/features/channels/stories/ChannelsEdit.stories.tsx","./features/channels/stories/ChannelsList.stories.tsx":"./src/features/channels/stories/ChannelsList.stories.tsx","./features/dependencies/stories/Dependencies.stories.tsx":"./src/features/dependencies/stories/Dependencies.stories.tsx","./features/environments/stories/Environments.stories.tsx":"./src/features/environments/stories/Environments.stories.tsx","./features/requestedPackages/stories/RequestedPackageList.stories.tsx":"./src/features/requestedPackages/stories/RequestedPackageList.stories.tsx","./features/requestedPackages/stories/RequestedPackagesEdit.stories.tsx":"./src/features/requestedPackages/stories/RequestedPackagesEdit.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx))$"},"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./docs/Installation.stories.mdx":"./src/docs/Installation.stories.mdx","./docs/Testing.stories.mdx":"./src/docs/Testing.stories.mdx","./docs/Welcome.stories.mdx":"./src/docs/Welcome.stories.mdx","./docs/configuration.stories.mdx":"./src/docs/configuration.stories.mdx","./docs/gettingStarted.stories.mdx":"./src/docs/gettingStarted.stories.mdx","./docs/release.stories.mdx":"./src/docs/release.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},"?4f7e":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"),__webpack_require__("./src/docs/markdown sync ^\\.[\\\\/](?:(?%21\\.)(?=.)[^/]*?\\.md)$"),__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.(ts%7Ctsx))$")],module,!1)}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[702],(()=>(__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-interactions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-a11y/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_exec__("./.storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"))));__webpack_require__.O()}]);
\ No newline at end of file
diff --git a/project.json b/project.json
index 5bdefcc3..ee1abe48 100644
--- a/project.json
+++ b/project.json
@@ -1 +1 @@
-{"generatedAt":1699023785710,"builder":{"name":"webpack5"},"hasCustomBabel":true,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"interactionsDebugger":true},"storybookVersion":"6.5.16","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/mdx1-csf":{"version":"0.0.4"},"@storybook/node-logger":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"options":{"docs":false},"version":"6.5.16"},"@storybook/addon-interactions":{"version":"6.5.16"},"@storybook/addon-a11y":{"version":"6.5.16"},"@storybook/addon-docs":{"options":{"configureJSX":true,"transcludeMarkdown":true},"version":"6.5.16"}}}
+{"generatedAt":1699035154423,"builder":{"name":"webpack5"},"hasCustomBabel":true,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"interactionsDebugger":true},"storybookVersion":"6.5.16","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/mdx1-csf":{"version":"0.0.4"},"@storybook/node-logger":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"options":{"docs":false},"version":"6.5.16"},"@storybook/addon-interactions":{"version":"6.5.16"},"@storybook/addon-a11y":{"version":"6.5.16"},"@storybook/addon-docs":{"options":{"configureJSX":true,"transcludeMarkdown":true},"version":"6.5.16"}}}