@oliasoft-open-source/react-ui-library 3.2.4 → 3.2.6

package/dist/global.css

@@ -19036,198 +19036,200 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_k2npr_332 {
+._inputInTable_11q83_332 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputHover_k2npr_338 {
+._inputHover_11q83_338 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_k2npr_343 {
+._inputFocus_11q83_343 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_k2npr_350,
-._inputWarning_k2npr_351 {
+._inputError_11q83_350,
+._inputWarning_11q83_351 {
   position: relative;
 }
-._inputError_k2npr_350 {
+._inputError_11q83_350 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_k2npr_350:hover {
+._inputError_11q83_350:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_k2npr_350:focus {
+._inputError_11q83_350:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_k2npr_351 {
+._inputWarning_11q83_351 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_k2npr_351:hover {
+._inputWarning_11q83_351:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_k2npr_351:focus {
+._inputWarning_11q83_351:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_k2npr_386 {
+._inputDisabled_11q83_386 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_k2npr_391 {
+._hideScrollbars_11q83_391 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_k2npr_391::-webkit-scrollbar {
+._hideScrollbars_11q83_391::-webkit-scrollbar {
   display: none;
 }
-._cellWrapperPadding_k2npr_401 {
+._cellWrapperPadding_11q83_401 {
   padding: 9.5px 14px !important;
 }
-._flexBlock_k2npr_404 {
+._flexBlock_11q83_404 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._cellWrapper_k2npr_401 {
+._cellWrapper_11q83_401 {
   padding: 9.5px 14px !important;
 }
-._cellWrapper_k2npr_401 a {
+._cellWrapper_11q83_401 a {
   cursor: pointer;
   color: var(--color-text-primary) !important;
 }
-._cellWrapper_k2npr_401 a:hover {
+._cellWrapper_11q83_401 a:hover {
   color: var(--color-text-primary-hover) !important;
 }
-._cellWrapper_k2npr_401 a:active {
+._cellWrapper_11q83_401 a:active {
   color: var(--color-text-primary-active) !important;
 }
-._cellWrapper_k2npr_401 a._disabledLink_k2npr_422 {
+._cellWrapper_11q83_401 a._disabledLink_11q83_422 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_k2npr_426 {
+._inputWrapper_11q83_426 {
   margin: -1px;
   height: calc(100% + 2px);
   border-radius: inherit;
 }
-._inputWrapper_k2npr_426 > span,
-._inputWrapper_k2npr_426 > span > span,
-._inputWrapper_k2npr_426 > span > span > div {
+._inputWrapper_11q83_426 > span,
+._inputWrapper_11q83_426 > span > span,
+._inputWrapper_11q83_426 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_k2npr_426 > div,
-._inputWrapper_k2npr_426 > div > span {
+._inputWrapper_11q83_426 > div,
+._inputWrapper_11q83_426 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_k2npr_442 {
+._breakWord_11q83_442 {
   word-break: break-word;
 }
-._inputCell_k2npr_445 {
+._inputCell_11q83_445 {
   padding: 0 !important;
 }
-._sliderCell_k2npr_448 {
+._sliderCell_11q83_448 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_k2npr_452 {
+._staticCell_11q83_452 {
   padding: 0 !important;
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455 {
+._staticCell_11q83_452 ._staticCellContent_11q83_455 {
   min-height: 100%;
   padding: 9.5px 14px !important;
   line-height: 17px;
   position: relative;
   border-radius: inherit;
+  display: flex;
+  align-items: center;
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._error_k2npr_462,
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._warning_k2npr_463 {
+._staticCell_11q83_452 ._staticCellContent_11q83_455._error_11q83_464,
+._staticCell_11q83_452 ._staticCellContent_11q83_455._warning_11q83_465 {
   border: 1px solid transparent;
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._error_k2npr_462 {
+._staticCell_11q83_452 ._staticCellContent_11q83_455._error_11q83_464 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._error_k2npr_462:hover {
+._staticCell_11q83_452 ._staticCellContent_11q83_455._error_11q83_464:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._error_k2npr_462:focus {
+._staticCell_11q83_452 ._staticCellContent_11q83_455._error_11q83_464:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._warning_k2npr_463 {
+._staticCell_11q83_452 ._staticCellContent_11q83_455._warning_11q83_465 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._warning_k2npr_463:hover {
+._staticCell_11q83_452 ._staticCellContent_11q83_455._warning_11q83_465:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._warning_k2npr_463:focus {
+._staticCell_11q83_452 ._staticCellContent_11q83_455._warning_11q83_465:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._unit_k2npr_500 {
+._staticCell_11q83_452 ._staticCellContent_11q83_455._unit_11q83_502 {
   font-weight: normal;
 }
-._staticCell_k2npr_452 ._staticCellContent_k2npr_455._disabled_k2npr_422 {
+._staticCell_11q83_452 ._staticCellContent_11q83_455._disabled_11q83_422 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._sortingCell_k2npr_508 ._staticCellContent_k2npr_455 {
+._sortingCell_11q83_510 ._staticCellContent_11q83_455 {
   position: relative;
   padding-right: 45px !important;
   cursor: pointer !important;
 }
-._sortingCell_k2npr_508 ._staticCellContent_k2npr_455:hover {
+._sortingCell_11q83_510 ._staticCellContent_11q83_455:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-._sortingCell_k2npr_508 ._sortingCellIcon_k2npr_516 {
+._sortingCell_11q83_510 ._sortingCellIcon_11q83_518 {
   font-size: 20px;
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
 }
-._icon_k2npr_523 {
+._icon_11q83_525 {
   display: inline-block;
   margin-left: 8px;
   position: relative;
@@ -19235,43 +19237,46 @@ html[data-theme='dark'] {
   font-size: 13px;
   color: var(--color-text-faint);
 }
-._icon_k2npr_523:hover {
+._icon_11q83_525:hover {
   color: var(--color-text-muted);
 }
-._icon_k2npr_523._clickable_k2npr_534:hover {
+._icon_11q83_525._clickable_11q83_536:hover {
   cursor: pointer;
   color: var(--color-text-primary-hover);
 }
-._checkBoxCell_k2npr_538 {
+._checkBoxCell_11q83_540 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._iconCell_k2npr_542 {
+._iconCell_11q83_544 {
   width: 37px;
   text-align: center;
   padding: 0 !important;
 }
-._iconCell_k2npr_542 ._iconWrapper_k2npr_547 {
+._iconCell_11q83_544 ._iconWrapper_11q83_549 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_k2npr_551 {
+._actionsCell_11q83_553 {
   width: 24px;
   padding: 0 6px !important;
 }
-._rightAligned_k2npr_555 {
+._rightAligned_11q83_557 {
   text-align: right !important;
 }
-._centerAligned_k2npr_558 {
+._rightAligned_11q83_557 ._staticCellContent_11q83_455 {
+  justify-content: flex-end;
+}
+._centerAligned_11q83_563 {
   text-align: center !important;
 }
-._leftAligned_k2npr_561 {
+._leftAligned_11q83_566 {
   text-align: left !important;
 }
-._popover_k2npr_564 {
+._popover_11q83_569 {
   padding: 9.5px 14px;
 }
-._disabledPointerEvents_k2npr_567 {
+._disabledPointerEvents_11q83_572 {
   pointer-events: none;
 }
 /*

package/dist/index.js

@@ -9866,6 +9866,7 @@ const Section$1 = ({
     case "Menu":
       return /* @__PURE__ */ jsx(DropDownMenu, {
         menu: section.menu,
+        title: section.title,
         closeOnOptionClick,
         isNested: true,
         closeParent: close,
@@ -10252,6 +10253,7 @@ const Button = ({
 };
 const Text$1 = ({
   label: label2,
+  title: title2,
   carat,
   disabled: disabled2,
   isOpen: isOpen2
@@ -10260,7 +10262,7 @@ const Text$1 = ({
     className: cx(styles$L.trigger, disabled2 ? styles$L.disabled : null, isOpen2 ? styles$L.active : null),
     children: [/* @__PURE__ */ jsx("span", {
       className: styles$L.label,
-      title: label2,
+      title: title2 || label2,
       children: label2
     }), carat && carat === "right" ? /* @__PURE__ */ jsx(FaAngleRight, {
       className: styles$L.arrow
@@ -10288,6 +10290,7 @@ const Trigger$2 = React__default.forwardRef(({
   width,
   trigger: trigger2,
   label: label2,
+  title: title2,
   onClickTrigger,
   colored: colored2,
   small: small2,
@@ -10310,6 +10313,7 @@ const Trigger$2 = React__default.forwardRef(({
     loading
   }) : trigger2 === "Text" ? /* @__PURE__ */ jsx(Text$1, {
     label: label2,
+    title: title2,
     disabled: isDisabled,
     carat: !contextMenu && (isNested ? "right" : "down"),
     isOpen: isOpen2
@@ -10478,6 +10482,7 @@ const DropDownMenu = ({
   const disabledContext = useContext(DisabledContext);
   const {
     label: label2,
+    title: title2,
     trigger: trigger2,
     fullHeightTrigger,
     colored: colored2,
@@ -10532,6 +10537,7 @@ const DropDownMenu = ({
       fullHeight: fullHeightTrigger,
       trigger: trigger2,
       label: label2,
+      title: title2,
       onClickTrigger,
       colored: colored2,
       small: small2,
@@ -35065,40 +35071,40 @@ function CgSortAz(props) {
 function CgSortZa(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none" }, "child": [{ "tag": "path", "attr": { "d": "M6 16C6 16.5523 6.44772 17 7 17H17C17.5523 17 18 16.5523 18 16C18 15.4477 17.5523 15 17 15H7C6.44772 15 6 15.4477 6 16Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M8 12C8 12.5523 8.44772 13 9 13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H9C8.44772 11 8 11.4477 8 12Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M11 9C10.4477 9 10 8.55229 10 8C10 7.44771 10.4477 7 11 7H13C13.5523 7 14 7.44771 14 8C14 8.55229 13.5523 9 13 9H11Z", "fill": "currentColor" } }] })(props);
 }
-const inputInTable$1 = "_inputInTable_k2npr_332";
-const inputHover$1 = "_inputHover_k2npr_338";
-const inputFocus$1 = "_inputFocus_k2npr_343";
-const inputError$1 = "_inputError_k2npr_350";
-const inputWarning$1 = "_inputWarning_k2npr_351";
-const inputDisabled$1 = "_inputDisabled_k2npr_386";
-const hideScrollbars$1 = "_hideScrollbars_k2npr_391";
-const cellWrapperPadding = "_cellWrapperPadding_k2npr_401";
-const flexBlock = "_flexBlock_k2npr_404";
-const cellWrapper = "_cellWrapper_k2npr_401";
-const disabledLink = "_disabledLink_k2npr_422";
-const inputWrapper = "_inputWrapper_k2npr_426";
-const breakWord = "_breakWord_k2npr_442";
-const inputCell = "_inputCell_k2npr_445";
-const sliderCell = "_sliderCell_k2npr_448";
-const staticCell = "_staticCell_k2npr_452";
-const staticCellContent = "_staticCellContent_k2npr_455";
-const error$1 = "_error_k2npr_462";
-const warning$1 = "_warning_k2npr_463";
-const unit = "_unit_k2npr_500";
-const disabled$2 = "_disabled_k2npr_422";
-const sortingCell = "_sortingCell_k2npr_508";
-const sortingCellIcon = "_sortingCellIcon_k2npr_516";
-const icon = "_icon_k2npr_523";
-const clickable = "_clickable_k2npr_534";
-const checkBoxCell = "_checkBoxCell_k2npr_538";
-const iconCell = "_iconCell_k2npr_542";
-const iconWrapper = "_iconWrapper_k2npr_547";
-const actionsCell = "_actionsCell_k2npr_551";
-const rightAligned = "_rightAligned_k2npr_555";
-const centerAligned = "_centerAligned_k2npr_558";
-const leftAligned = "_leftAligned_k2npr_561";
-const popover = "_popover_k2npr_564";
-const disabledPointerEvents = "_disabledPointerEvents_k2npr_567";
+const inputInTable$1 = "_inputInTable_11q83_332";
+const inputHover$1 = "_inputHover_11q83_338";
+const inputFocus$1 = "_inputFocus_11q83_343";
+const inputError$1 = "_inputError_11q83_350";
+const inputWarning$1 = "_inputWarning_11q83_351";
+const inputDisabled$1 = "_inputDisabled_11q83_386";
+const hideScrollbars$1 = "_hideScrollbars_11q83_391";
+const cellWrapperPadding = "_cellWrapperPadding_11q83_401";
+const flexBlock = "_flexBlock_11q83_404";
+const cellWrapper = "_cellWrapper_11q83_401";
+const disabledLink = "_disabledLink_11q83_422";
+const inputWrapper = "_inputWrapper_11q83_426";
+const breakWord = "_breakWord_11q83_442";
+const inputCell = "_inputCell_11q83_445";
+const sliderCell = "_sliderCell_11q83_448";
+const staticCell = "_staticCell_11q83_452";
+const staticCellContent = "_staticCellContent_11q83_455";
+const error$1 = "_error_11q83_464";
+const warning$1 = "_warning_11q83_465";
+const unit = "_unit_11q83_502";
+const disabled$2 = "_disabled_11q83_422";
+const sortingCell = "_sortingCell_11q83_510";
+const sortingCellIcon = "_sortingCellIcon_11q83_518";
+const icon = "_icon_11q83_525";
+const clickable = "_clickable_11q83_536";
+const checkBoxCell = "_checkBoxCell_11q83_540";
+const iconCell = "_iconCell_11q83_544";
+const iconWrapper = "_iconWrapper_11q83_549";
+const actionsCell = "_actionsCell_11q83_553";
+const rightAligned = "_rightAligned_11q83_557";
+const centerAligned = "_centerAligned_11q83_563";
+const leftAligned = "_leftAligned_11q83_566";
+const popover = "_popover_11q83_569";
+const disabledPointerEvents = "_disabledPointerEvents_11q83_572";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.2.4",
+  "version": "3.2.6",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",