@banyan_cloud/roots 2.0.47 → 2.0.49

package/dist/esm/index.js

@@ -3613,12 +3613,30 @@ var MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oc
 var FULL_MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
 var DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
 
-var getSpacedDisplayName = function getSpacedDisplayName(input) {
-  if (!input) {
-    return '';
-  }
-  var sanitized = input.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/[-_]/g, ' ').replace(/\s+/g, ' ').trim();
-  var words = sanitized.split(' ').map(function (word) {
+var getSpacedDisplayName = function getSpacedDisplayName() {
+  var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  if (!input) return '';
+  // 1) trim
+  var str = input.trim();
+  // 2) remove leading "_" or "-" (bounded, not greedy)
+  str = str.replace(/^[_-]+/, '');
+  // 3) normalize "_" and "-" to space
+  // simple character class, global, safe
+  str = str.replace(/[_-]+/g, ' ');
+  // 4) camelCase: fooBar -> foo Bar
+  str = str.replace(/([a-z])([A-Z])/g, '$1 $2');
+  // 5) acronym-to-word: APIResponse -> API Response
+  // (ALLCAPS)(Cap+lower) -> split
+  str = str.replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2');
+  // 6) collapse multiple spaces (in case we had "_-")
+  str = str.replace(/\s+/g, ' ').trim();
+  // 7) smart-capitalize: keep ALLCAPS as-is, title-case others
+  var words = str.split(' ').map(function (word) {
+    // preserve abbreviations like API, DB, GPT
+    if (/^[A-Z]{2,}$/.test(word)) {
+      return word;
+    }
+    // normal word → Capitalize
     return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
   });
   return words.join(' ');
@@ -21298,8 +21316,8 @@ var Toggle = function Toggle(_ref) {
   });
 };
 
-var css = ".BaseWidget_module_root__e17a940e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: hidden;\n  border-radius: 2.5rem;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  background: #fbfbfb;\n  box-shadow: 4px 4px 25px 2px rgba(226, 226, 226, 0.8);\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 1.713rem 1.713rem 0.25rem 1.713rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e .BaseWidget_module_titleContainer__e17a940e .BaseWidget_module_titlePrimary__e17a940e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 1.25rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e .BaseWidget_module_titleContainer__e17a940e .BaseWidget_module_titlePrimary__e17a940e [data-elem=title] {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n  text-align: left;\n  color: #1a2028;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e .BaseWidget_module_titleContainer__e17a940e .BaseWidget_module_titlePrimary__e17a940e .BaseWidget_module_toggleBody__e17a940e {\n  padding: 0rem 0.25rem;\n  height: 2.8rem;\n  width: auto;\n  background: none !important;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e .BaseWidget_module_titleContainer__e17a940e .BaseWidget_module_titlePrimary__e17a940e .BaseWidget_module_toggleBody__e17a940e [data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n  font-size: 0.875rem;\n  text-align: center;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e [data-elem=title-desc] {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 21px;\n  text-align: left;\n  color: var(--text-color);\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e .BaseWidget_module_back__e17a940e {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e .BaseWidget_module_back__e17a940e [data-elem=component1] .BaseWidget_module_icon__e17a940e {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--white);\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e.BaseWidget_module_noOptions__e17a940e {\n  flex: 1;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e.BaseWidget_module_noTitleOptions__e17a940e .BaseWidget_module_titleContainer__e17a940e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.4rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e button.BaseWidget_module_title__e17a940e {\n  height: auto;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 0.25rem;\n  padding: 0 0.5rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerTitle__e17a940e button.BaseWidget_module_title__e17a940e .BaseWidget_module_icon__e17a940e {\n  width: 1rem;\n  height: 1rem;\n  fill: var(--menu-black);\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e.BaseWidget_module_toggle__e17a940e {\n  gap: 0.5rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 0.5rem;\n  height: 2.4rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_dropdownHeader__e17a940e {\n  border-radius: 0.25rem;\n  background-color: transparent !important;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n  height: auto;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_dropdownHeader__e17a940e > [data-elem=header] {\n  box-shadow: none !important;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_dropdownHeader__e17a940e > [data-elem=header] [data-elem=select] {\n  padding: 0.4375rem 0.5rem !important;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none !important;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_dropdownHeader__e17a940e > [data-elem=header] [data-elem=select] > svg {\n  width: 1.5rem;\n  aspect-ratio: 1;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_dropdownHeader__e17a940e > [data-elem=header] [data-elem=select] > [data-elem=value] {\n  max-width: 12.5rem;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_expandButton__e17a940e {\n  padding: 0 0.25rem;\n  height: 1.75rem;\n  color: var(--dark-grey);\n  border-color: var(--grey6);\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.3125rem;\n  text-align: left;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_expandButton__e17a940e .BaseWidget_module_expandIcon__e17a940e {\n  height: 0.8331rem;\n  width: 0.8331rem;\n  fill: var(--dark-grey);\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e button.BaseWidget_module_filterButton__e17a940e[data-elem=base-cell] {\n  border-radius: 0.25rem;\n  border: none !important;\n  height: 2.4rem;\n  background-color: transparent !important;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e button.BaseWidget_module_filterButton__e17a940e[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n  color: var(--text-color);\n  font-size: 1rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e button.BaseWidget_module_filterButton__e17a940e[data-elem=base-cell] > [data-elem=component1] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--secondary-color2);\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_toggleBody__e17a940e {\n  padding: 0rem 0.25rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_datePicker__e17a940e {\n  min-width: 12rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_datePicker__e17a940e [data-elem=header] {\n  height: 2.4rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_datePicker__e17a940e [data-elem=header] > div {\n  gap: 0.5rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_datePicker__e17a940e [data-elem=header] span[class*=placeholder] {\n  font-size: 1rem;\n  color: var(--text-color);\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_header__e17a940e .BaseWidget_module_headerOptions__e17a940e .BaseWidget_module_headerOptionsList__e17a940e .BaseWidget_module_datePicker__e17a940e [data-elem=header] span[class*=value] {\n  font-size: 1rem;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_drawer__e17a940e {\n  width: 40%;\n  height: inherit;\n  border-radius: 2.5rem;\n  box-shadow: none !important;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_overlay__e17a940e {\n  background: rgba(0, 0, 0, 0.16);\n  -webkit-backdrop-filter: blur(5px);\n          backdrop-filter: blur(5px);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  z-index: 3;\n}\n.BaseWidget_module_root__e17a940e .BaseWidget_module_children__e17a940e {\n  flex: 1 1;\n  position: relative;\n  padding: 0.5rem;\n}";
-var modules_6a0e74b6 = {"root":"BaseWidget_module_root__e17a940e","header":"BaseWidget_module_header__e17a940e","header-title":"BaseWidget_module_headerTitle__e17a940e","title-container":"BaseWidget_module_titleContainer__e17a940e","title-primary":"BaseWidget_module_titlePrimary__e17a940e","toggle-body":"BaseWidget_module_toggleBody__e17a940e","back":"BaseWidget_module_back__e17a940e","icon":"BaseWidget_module_icon__e17a940e","no-options":"BaseWidget_module_noOptions__e17a940e","no-title-options":"BaseWidget_module_noTitleOptions__e17a940e","title":"BaseWidget_module_title__e17a940e","header-options":"BaseWidget_module_headerOptions__e17a940e","toggle":"BaseWidget_module_toggle__e17a940e","header-options-list":"BaseWidget_module_headerOptionsList__e17a940e","dropdown-header":"BaseWidget_module_dropdownHeader__e17a940e","expand-button":"BaseWidget_module_expandButton__e17a940e","expand-icon":"BaseWidget_module_expandIcon__e17a940e","filter-button":"BaseWidget_module_filterButton__e17a940e","date-picker":"BaseWidget_module_datePicker__e17a940e","drawer":"BaseWidget_module_drawer__e17a940e","overlay":"BaseWidget_module_overlay__e17a940e","children":"BaseWidget_module_children__e17a940e"};
+var css = ".BaseWidget_module_root__a7c3526f {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: hidden;\n  border-radius: 2.5rem;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  background: #fbfbfb;\n  box-shadow: 4px 4px 25px 2px rgba(226, 226, 226, 0.8);\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 1.713rem 1.713rem 0.25rem 1.713rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f .BaseWidget_module_titleContainer__a7c3526f .BaseWidget_module_titlePrimary__a7c3526f {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 1.25rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f .BaseWidget_module_titleContainer__a7c3526f .BaseWidget_module_titlePrimary__a7c3526f [data-elem=title] {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n  text-align: left;\n  color: #1a2028;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f .BaseWidget_module_titleContainer__a7c3526f .BaseWidget_module_titlePrimary__a7c3526f .BaseWidget_module_toggleBody__a7c3526f {\n  padding: 0rem 0.25rem;\n  height: 2.8rem;\n  width: auto;\n  background: none !important;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f .BaseWidget_module_titleContainer__a7c3526f .BaseWidget_module_titlePrimary__a7c3526f .BaseWidget_module_toggleBody__a7c3526f [data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n  font-size: 0.875rem;\n  text-align: center;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f [data-elem=title-desc] {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 21px;\n  text-align: left;\n  color: var(--text-color);\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f .BaseWidget_module_back__a7c3526f {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f .BaseWidget_module_back__a7c3526f > [data-elem=component2] svg {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--white);\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f.BaseWidget_module_noOptions__a7c3526f {\n  flex: 1;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f.BaseWidget_module_noTitleOptions__a7c3526f .BaseWidget_module_titleContainer__a7c3526f {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.4rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f button.BaseWidget_module_title__a7c3526f {\n  height: auto;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 0.25rem;\n  padding: 0 0.5rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerTitle__a7c3526f button.BaseWidget_module_title__a7c3526f .BaseWidget_module_icon__a7c3526f {\n  width: 1rem;\n  height: 1rem;\n  fill: var(--menu-black);\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f.BaseWidget_module_toggle__a7c3526f {\n  gap: 0.5rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 0.5rem;\n  height: 2.4rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_dropdownHeader__a7c3526f {\n  border-radius: 0.25rem;\n  background-color: transparent !important;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n  height: auto;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_dropdownHeader__a7c3526f > [data-elem=header] {\n  box-shadow: none !important;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_dropdownHeader__a7c3526f > [data-elem=header] [data-elem=select] {\n  padding: 0.4375rem 0.5rem !important;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none !important;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_dropdownHeader__a7c3526f > [data-elem=header] [data-elem=select] > svg {\n  width: 1.5rem;\n  aspect-ratio: 1;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_dropdownHeader__a7c3526f > [data-elem=header] [data-elem=select] > [data-elem=value] {\n  max-width: 12.5rem;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_expandButton__a7c3526f {\n  padding: 0 0.25rem;\n  height: 1.75rem;\n  color: var(--dark-grey);\n  border-color: var(--grey6);\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.3125rem;\n  text-align: left;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_expandButton__a7c3526f .BaseWidget_module_expandIcon__a7c3526f {\n  height: 0.8331rem;\n  width: 0.8331rem;\n  fill: var(--dark-grey);\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f button.BaseWidget_module_filterButton__a7c3526f[data-elem=base-cell] {\n  border-radius: 0.25rem;\n  border: none !important;\n  height: 2.4rem;\n  background-color: transparent !important;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f button.BaseWidget_module_filterButton__a7c3526f[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n  color: var(--text-color);\n  font-size: 1rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f button.BaseWidget_module_filterButton__a7c3526f[data-elem=base-cell] > [data-elem=component1] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--secondary-color2);\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_toggleBody__a7c3526f {\n  padding: 0rem 0.25rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_datePicker__a7c3526f {\n  min-width: 12rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_datePicker__a7c3526f [data-elem=header] {\n  height: 2.4rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_datePicker__a7c3526f [data-elem=header] > div {\n  gap: 0.5rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_datePicker__a7c3526f [data-elem=header] span[class*=placeholder] {\n  font-size: 1rem;\n  color: var(--text-color);\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_header__a7c3526f .BaseWidget_module_headerOptions__a7c3526f .BaseWidget_module_headerOptionsList__a7c3526f .BaseWidget_module_datePicker__a7c3526f [data-elem=header] span[class*=value] {\n  font-size: 1rem;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_drawer__a7c3526f {\n  width: 40%;\n  height: inherit;\n  border-radius: 2.5rem;\n  box-shadow: none !important;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_overlay__a7c3526f {\n  background: rgba(0, 0, 0, 0.16);\n  -webkit-backdrop-filter: blur(5px);\n          backdrop-filter: blur(5px);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  z-index: 3;\n}\n.BaseWidget_module_root__a7c3526f .BaseWidget_module_children__a7c3526f {\n  flex: 1 1;\n  position: relative;\n  padding: 0.5rem;\n}";
+var modules_6a0e74b6 = {"root":"BaseWidget_module_root__a7c3526f","header":"BaseWidget_module_header__a7c3526f","header-title":"BaseWidget_module_headerTitle__a7c3526f","title-container":"BaseWidget_module_titleContainer__a7c3526f","title-primary":"BaseWidget_module_titlePrimary__a7c3526f","toggle-body":"BaseWidget_module_toggleBody__a7c3526f","back":"BaseWidget_module_back__a7c3526f","no-options":"BaseWidget_module_noOptions__a7c3526f","no-title-options":"BaseWidget_module_noTitleOptions__a7c3526f","title":"BaseWidget_module_title__a7c3526f","icon":"BaseWidget_module_icon__a7c3526f","header-options":"BaseWidget_module_headerOptions__a7c3526f","toggle":"BaseWidget_module_toggle__a7c3526f","header-options-list":"BaseWidget_module_headerOptionsList__a7c3526f","dropdown-header":"BaseWidget_module_dropdownHeader__a7c3526f","expand-button":"BaseWidget_module_expandButton__a7c3526f","expand-icon":"BaseWidget_module_expandIcon__a7c3526f","filter-button":"BaseWidget_module_filterButton__a7c3526f","date-picker":"BaseWidget_module_datePicker__a7c3526f","drawer":"BaseWidget_module_drawer__a7c3526f","overlay":"BaseWidget_module_overlay__a7c3526f","children":"BaseWidget_module_children__a7c3526f"};
 n(css,{});
 
 var generateOptions = function generateOptions(_ref) {
@@ -21517,16 +21535,13 @@ var BaseWidget = /*#__PURE__*/forwardRef(function (props, ref) {
         className: classes(modules_6a0e74b6['header-title'], options.length === 0 ? modules_6a0e74b6['no-options'] : '', titleOptions == null ? modules_6a0e74b6['no-title-options'] : ''),
         "data-elem": 'header-title',
         children: [showBack && jsx(Button, {
-          title: '',
+          title: jsx(Arrow, {
+            className: modules_6a0e74b6.icon,
+            position: 'left'
+          }),
           size: 'auto',
           radius: 'round',
           className: modules_6a0e74b6.back,
-          leftComponent: function leftComponent() {
-            return jsx(Arrow, {
-              className: modules_6a0e74b6.icon,
-              position: 'left'
-            });
-          },
           onClick: function onClick() {
             return onBack === null || onBack === void 0 ? void 0 : onBack();
           }