@oliasoft-open-source/react-ui-library 4.0.0-beta-36 → 4.0.0-beta-38

package/dist/global.css

@@ -777,49 +777,49 @@ a {
   color: var(--color-text-primary-active) !important;
   fill: var(--color-text-primary-active) !important;
 }
-._accordion_g9mdx_1 {
+._accordion_1erh7_1 {
   position: relative;
   color: var(--color-text);
 }
-._accordion_g9mdx_1 ._accordionHeader_g9mdx_5 {
+._accordion_1erh7_1 ._accordionHeader_1erh7_5 {
   display: flex;
   align-items: center;
 }
-._accordion_g9mdx_1 ._accordionHeader_g9mdx_5 ._heading_g9mdx_9 {
+._accordion_1erh7_1 ._accordionHeader_1erh7_5 ._heading_1erh7_9 {
   flex-grow: 1;
 }
-._accordion_g9mdx_1 ._accordionHeader_g9mdx_5._clickable_g9mdx_12:hover {
+._accordion_1erh7_1 ._accordionHeader_1erh7_5._clickable_1erh7_12:hover {
   cursor: pointer;
 }
-._accordion_g9mdx_1 ._accordionHeader_g9mdx_5._clickable_g9mdx_12:hover > * {
+._accordion_1erh7_1 ._accordionHeader_1erh7_5._clickable_1erh7_12:hover > * {
   color: var(--color-text) !important;
 }
-._accordion_g9mdx_1:not(._bordered_g9mdx_18) ._accordionContent_g9mdx_18 {
+._accordion_1erh7_1:not(._bordered_1erh7_18) ._accordionContent_1erh7_18 {
   margin-top: var(--margin);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionHeader_g9mdx_5,
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionContent_g9mdx_18 {
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionHeader_1erh7_5,
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionContent_1erh7_18 {
   border: 1px solid var(--color-border);
   line-height: var(--line-height);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionHeader_g9mdx_5 {
-  padding: var(--margin-xs) var(--padding-sm-x);
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionHeader_1erh7_5 {
+  padding: var(--space-1) var(--padding-sm);
   border-radius: var(--border-radius);
   background-color: var(--color-background);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18._expanded_g9mdx_31 ._accordionHeader_g9mdx_5 {
+._accordion_1erh7_1._bordered_1erh7_18._expanded_1erh7_31 ._accordionHeader_1erh7_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionContent_g9mdx_18 {
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionContent_1erh7_18 {
   border-top: none;
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   background-color: var(--color-background-raised);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18 ._accordionContent_g9mdx_18._padding_g9mdx_40 {
+._accordion_1erh7_1._bordered_1erh7_18 ._accordionContent_1erh7_18._padding_1erh7_40 {
   padding: var(--padding-sm);
 }
-._accordion_g9mdx_1._bordered_g9mdx_18._squareBottom_g9mdx_43 ._accordionHeader_g9mdx_5 {
+._accordion_1erh7_1._bordered_1erh7_18._squareBottom_1erh7_43 ._accordionHeader_1erh7_5 {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -952,22 +952,22 @@ a {
 ._clickable_hd0z2_12:active {
   color: var(--color-text-primary-active);
 }
-._bordered_1lw5s_1 {
+._bordered_3972c_1 {
   border: 1px solid var(--color-border);
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   border-top: none;
   background-color: var(--color-background-raised);
 }
-._checkboxWrapper_1lw5s_7 {
-  padding: var(--margin-xs) var(--padding-sm-x);
+._checkboxWrapper_3972c_7 {
+  padding: var(--space-1) var(--padding-sm);
 }
-._checkboxWrapper_1lw5s_7:last-child {
+._checkboxWrapper_3972c_7:last-child {
   border-radius: 0 0 inherit inherit;
 }
-._padding_1lw5s_13 {
+._padding_3972c_13 {
   padding: var(--padding-sm);
 }
-._contentWrapper_1lw5s_16 {
+._contentWrapper_3972c_16 {
   border-radius: inherit;
 }
 ._wrapper_aulte_1 {
@@ -1674,42 +1674,42 @@ html[data-theme='dark'] {
 ._buttonGroup_iu2wi_11 > *:not(:last-child) {
   margin-right: -1px;
 }
-._card_1r818_1 {
+._card_1atmq_1 {
   color: var(--color-text);
 }
-._card_1r818_1._bordered_1r818_4 {
+._card_1atmq_1._bordered_1atmq_4 {
   background: var(--color-background-raised);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-button);
   border-radius: var(--border-radius);
 }
-._card_1r818_1._bordered_1r818_4._raised_1r818_10 {
+._card_1atmq_1._bordered_1atmq_4._raised_1atmq_10 {
   box-shadow: var(--shadow-layer);
 }
-._card_1r818_1._bordered_1r818_4 ._cardHeader_1r818_13 {
+._card_1atmq_1._bordered_1atmq_4 ._cardHeader_1atmq_13 {
   background: var(--color-background);
-  padding: var(--margin-xs) var(--padding-sm-x);
+  padding: var(--margin-xs) var(--padding-sm);
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._card_1r818_1._bordered_1r818_4 ._cardContentBorderTop_1r818_19 {
+._card_1atmq_1._bordered_1atmq_4 ._cardContentBorderTop_1atmq_19 {
   border-top: 1px solid var(--color-border);
 }
-._card_1r818_1._bordered_1r818_4 ._padding_1r818_22 {
+._card_1atmq_1._bordered_1atmq_4 ._padding_1atmq_22 {
   padding: var(--padding-sm);
 }
-._cardContent_1r818_19:first-child {
+._cardContent_1atmq_19:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._cardContent_1r818_19:last-child {
+._cardContent_1atmq_19:last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._cardHeader_1r818_13 {
+._cardHeader_1atmq_13 {
   display: flex;
   align-items: center;
-  padding: var(--padding-sm-y) 0;
+  padding: var(--padding-sm) 0;
 }
 ._divider_2bfzh_1 {
   display: flex;
@@ -2942,7 +2942,7 @@ html[data-theme='dark'] {
 ._newLine_1haxe_31 {
   white-space: 'pre-wrap';
 }
-._menu_vqsn8_1 {
+._menu_1gmgb_1 {
   overflow-y: auto;
   position: relative;
   min-width: 160px;
@@ -2952,33 +2952,33 @@ html[data-theme='dark'] {
   background-color: var(--color-background-raised);
   margin-top: 2px;
 }
-._header_vqsn8_11 {
-  padding: var(--space-2) var(--padding-sm-x);
+._header_1gmgb_11 {
+  padding: var(--space-2) var(--padding-sm);
   display: flex;
   justify-content: space-between;
 }
-._header_vqsn8_11 a {
+._header_1gmgb_11 a {
   color: var(--color-text-primary);
   font-weight: normal;
   cursor: pointer;
 }
-._header_vqsn8_11 a:hover {
+._header_1gmgb_11 a:hover {
   color: var(--color-text-primary-hover);
 }
-._header_vqsn8_11 a:active {
+._header_1gmgb_11 a:active {
   color: var(--color-text-primary-active);
 }
-._item_vqsn8_27 {
-  padding: var(--space-2) var(--padding-sm-x);
+._item_1gmgb_27 {
+  padding: var(--space-2) var(--padding-sm);
   background: transparent;
   cursor: default;
 }
-._heading_vqsn8_32 {
+._heading_1gmgb_32 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
-  padding: var(--space-2) var(--padding-sm-x);
+  padding: var(--space-2) var(--padding-sm);
   max-width: 100%;
   display: block;
   overflow: hidden;
@@ -9196,10 +9196,10 @@ tbody tr {
 ._striped_1ssxi_188 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
-._title_l73mz_1 {
+._title_q9c26_1 {
   background-color: var(--color-background);
   border-bottom: 1px solid var(--color-border-table);
-  padding: var(--margin-xs) var(--padding-sm-x);
+  padding: var(--margin-xs) var(--padding-sm);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -10387,7 +10387,7 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
 }
 
 .Toastify__toast .Toastify__toast-body > div > div {
-  padding-right: calc(var(--size-sm) + var(--padding-sm-x) + var(--margin-xs));
+  padding-right: calc(var(--size-sm) + var(--padding-sm) + var(--margin-xs));
 }
 
 /*# sourceMappingURL=toaster.less.map */:root {
@@ -10683,18 +10683,19 @@ tbody ._staticCell_1diro_116 ._staticCellContent_1diro_119 {
   z-index: var(--zindex-topbar-alert);
   padding: var(--padding-sm);
 }
-._popConfirm_1919s_1 {
+._popConfirm_1sz2n_1 {
   max-width: 350px;
   display: flex;
   flex-direction: column;
   gap: var(--margin);
 }
-._content_1919s_7 {
+._content_1sz2n_7 {
   max-height: 200px;
   word-wrap: break-word;
   overflow-y: auto;
+  text-align: center;
 }
-._buttons_1919s_12 {
+._buttons_1sz2n_13 {
   display: flex;
   gap: var(--margin);
   justify-content: center;

package/dist/index.js

@@ -3279,15 +3279,15 @@ const Chevron = ({ expanded: expanded2 }) => {
     })
   });
 };
-const accordion = "_accordion_g9mdx_1";
-const accordionHeader = "_accordionHeader_g9mdx_5";
-const heading$6 = "_heading_g9mdx_9";
-const clickable$1 = "_clickable_g9mdx_12";
-const bordered$4 = "_bordered_g9mdx_18";
-const accordionContent = "_accordionContent_g9mdx_18";
-const expanded$1 = "_expanded_g9mdx_31";
-const padding$3 = "_padding_g9mdx_40";
-const squareBottom = "_squareBottom_g9mdx_43";
+const accordion = "_accordion_1erh7_1";
+const accordionHeader = "_accordionHeader_1erh7_5";
+const heading$6 = "_heading_1erh7_9";
+const clickable$1 = "_clickable_1erh7_12";
+const bordered$4 = "_bordered_1erh7_18";
+const accordionContent = "_accordionContent_1erh7_18";
+const expanded$1 = "_expanded_1erh7_31";
+const padding$3 = "_padding_1erh7_40";
+const squareBottom = "_squareBottom_1erh7_43";
 const styles$R = {
   accordion,
   accordionHeader,
@@ -5735,10 +5735,10 @@ CheckBox.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const bordered$3 = "_bordered_1lw5s_1";
-const checkboxWrapper = "_checkboxWrapper_1lw5s_7";
-const padding$2 = "_padding_1lw5s_13";
-const contentWrapper = "_contentWrapper_1lw5s_16";
+const bordered$3 = "_bordered_3972c_1";
+const checkboxWrapper = "_checkboxWrapper_3972c_7";
+const padding$2 = "_padding_3972c_13";
+const contentWrapper = "_contentWrapper_3972c_16";
 const styles$N = {
   bordered: bordered$3,
   checkboxWrapper,
@@ -12661,13 +12661,13 @@ ButtonGroup.propTypes = {
   value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   testId: propTypes$1.exports.string
 };
-const card = "_card_1r818_1";
-const bordered$2 = "_bordered_1r818_4";
-const raised = "_raised_1r818_10";
-const cardHeader = "_cardHeader_1r818_13";
-const cardContentBorderTop = "_cardContentBorderTop_1r818_19";
-const padding$1 = "_padding_1r818_22";
-const cardContent = "_cardContent_1r818_19";
+const card = "_card_1atmq_1";
+const bordered$2 = "_bordered_1atmq_4";
+const raised = "_raised_1atmq_10";
+const cardHeader = "_cardHeader_1atmq_13";
+const cardContentBorderTop = "_cardContentBorderTop_1atmq_19";
+const padding$1 = "_padding_1atmq_22";
+const cardContent = "_cardContent_1atmq_19";
 const styles$G = {
   card,
   bordered: bordered$2,
@@ -16663,10 +16663,11 @@ const styles$A = {
   empty: empty$2,
   text: text$2
 };
-const Empty = ({ width, height, text: text2, children }) => {
+const Empty = ({ width, height, text: text2, children, testId }) => {
   return /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
     className: styles$A.empty,
     style: { width, height },
+    "data-testId": testId,
     children: [
       /* @__PURE__ */ jsxRuntime.exports.jsx("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -16717,13 +16718,15 @@ Empty.defaultProps = {
   width: "auto",
   height: "auto",
   text: "No data",
-  children: null
+  children: null,
+  testId: null
 };
 Empty.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   text: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
-  children: propTypes$1.exports.node
+  children: propTypes$1.exports.node,
+  testId: propTypes$1.exports.string
 };
 const inputGroup = "_inputGroup_biuoa_1";
 const styles$z = {
@@ -16808,6 +16811,7 @@ const Input$1 = forwardRef(
     width: propWidth,
     small: small2,
     onChange,
+    onPaste,
     size: size2,
     placeholder: placeholder3,
     value,
@@ -16856,6 +16860,7 @@ const Input$1 = forwardRef(
           placeholder: placeholder3,
           value,
           onChange,
+          onPaste,
           onKeyPress,
           onFocus,
           onBlur,
@@ -16886,6 +16891,8 @@ Input$1.defaultProps = {
   type: "text",
   onChange: () => {
   },
+  onPaste: () => {
+  },
   onKeyPress: () => {
   },
   onFocus: () => {
@@ -16923,6 +16930,7 @@ Input$1.propTypes = {
   name: propTypes$1.exports.string,
   type: propTypes$1.exports.string,
   onChange: propTypes$1.exports.func,
+  onPaste: propTypes$1.exports.func,
   onKeyPress: propTypes$1.exports.func,
   onFocus: propTypes$1.exports.func,
   onBlur: propTypes$1.exports.func,
@@ -27272,10 +27280,10 @@ Modal.propTypes = {
   centered: propTypes$1.exports.bool,
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
 };
-const menu$1 = "_menu_vqsn8_1";
-const header = "_header_vqsn8_11";
-const item$3 = "_item_vqsn8_27";
-const heading$1 = "_heading_vqsn8_32";
+const menu$1 = "_menu_1gmgb_1";
+const header = "_header_1gmgb_11";
+const item$3 = "_item_1gmgb_27";
+const heading$1 = "_heading_1gmgb_32";
 const styles$p = {
   menu: menu$1,
   header,
@@ -59499,7 +59507,7 @@ const styles$a = {
   table,
   striped
 };
-const title$1 = "_title_l73mz_1";
+const title$1 = "_title_q9c26_1";
 const styles$9 = {
   title: title$1
 };
@@ -59857,6 +59865,7 @@ const InputCell = (props) => {
     name: cell2.name,
     value: cell2.value,
     onChange: (ev) => cell2.onChange(ev),
+    onPaste: (ev) => cell2.onPaste(ev),
     placeholder: cell2.placeholder,
     error: cell2.error,
     warning: cell2.warning,
@@ -60306,6 +60315,7 @@ const cellShape = propTypes$1.exports.oneOfType([
     value: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
     type: cellType.isRequired,
     onChange: propTypes$1.exports.func,
+    onPaste: propTypes$1.exports.func,
     placeholder: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
     error: propTypes$1.exports.oneOfType([
       propTypes$1.exports.string,
@@ -62711,9 +62721,9 @@ TopBar.propTypes = {
   height: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   fixedPosition: propTypes$1.exports.bool
 };
-const popConfirm = "_popConfirm_1919s_1";
-const content = "_content_1919s_7";
-const buttons = "_buttons_1919s_12";
+const popConfirm = "_popConfirm_1sz2n_1";
+const content = "_content_1sz2n_7";
+const buttons = "_buttons_1sz2n_13";
 const styles$1 = {
   popConfirm,
   content,
@@ -62725,13 +62735,15 @@ const Content = ({
   onClickOk,
   cancelText,
   onClickCancel,
-  close: close2
+  close: close2,
+  testId
 }) => /* @__PURE__ */ jsxRuntime.exports.jsxs("div", {
   className: styles$1.popConfirm,
   children: [
     title2 && /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
       className: styles$1.content,
       children: /* @__PURE__ */ jsxRuntime.exports.jsx(Text, {
+        small: true,
         children: title2
       })
     }),
@@ -62739,13 +62751,17 @@ const Content = ({
       className: styles$1.buttons,
       children: [
         /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
+          small: true,
           colored: true,
           label: okText,
-          onClick: () => onClickOk(close2)
+          onClick: () => onClickOk(close2),
+          testId: `${testId}-ok-button`
         }),
         /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
+          small: true,
           label: cancelText,
-          onClick: () => onClickCancel(close2)
+          onClick: () => onClickCancel(close2),
+          testId: `${testId}-cancel-button`
         })
       ]
     })
@@ -62760,20 +62776,25 @@ const PopConfirm = ({
   cancelText,
   onClickCancel,
   okText,
-  onClickOk
+  onClickOk,
+  overflowContainer,
+  testId
 }) => {
   const content2 = /* @__PURE__ */ jsxRuntime.exports.jsx(Content, {
     title: title2,
     okText,
     onClickOk,
     cancelText,
-    onClickCancel
+    onClickCancel,
+    testId
   });
   return /* @__PURE__ */ jsxRuntime.exports.jsx(Popover, {
     content: content2,
     placement,
     closeOnOutsideClick,
     fullWidth,
+    overflowContainer,
+    testId,
     children
   });
 };
@@ -62786,7 +62807,9 @@ PopConfirm.propTypes = {
   cancelText: propTypes$1.exports.string,
   onClickCancel: propTypes$1.exports.func,
   okText: propTypes$1.exports.string,
-  onClickOk: propTypes$1.exports.func
+  onClickOk: propTypes$1.exports.func,
+  overflowContainer: propTypes$1.exports.bool,
+  testId: propTypes$1.exports.string
 };
 PopConfirm.defaultProps = {
   children: null,
@@ -62798,7 +62821,9 @@ PopConfirm.defaultProps = {
   onClickCancel: (close2) => close2(),
   okText: "Ok",
   onClickOk: (close2) => {
-  }
+  },
+  overflowContainer: false,
+  testId: void 0
 };
 const DndContext = createContext({
   dragDropManager: void 0