@oliasoft-open-source/react-ui-library 5.0.2-beta-1 → 5.0.2-beta-2

package/dist/global.css

@@ -1409,17 +1409,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
   color: var(--color-text-primary-active);
 }
-._wrapper_gg13i_1 {
+._wrapper_k08fp_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_gg13i_5 ._wrapper_gg13i_1 {
+._layer_k08fp_5 ._wrapper_k08fp_1 {
   width: 100%;
 }
-._layerContainer_gg13i_8 {
+._layerContainer_k08fp_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_gg13i_5 {
+._layer_k08fp_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1432,102 +1432,94 @@ html[data-theme='dark'] {
   overflow-y: auto;
   max-height: 40vh;
 }
-._layer_gg13i_5._nested_gg13i_24 {
+._layer_k08fp_5._nested_k08fp_24 {
   margin: -1px 2px;
 }
-._layer_gg13i_5 ul {
+._layer_k08fp_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_gg13i_5 ul li {
+._layer_k08fp_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_gg13i_36 {
+._fileInput_k08fp_36 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_gg13i_41 {
+._trigger_k08fp_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_gg13i_5 ._trigger_gg13i_41 {
+._layer_k08fp_5 ._trigger_k08fp_41 {
   width: 100%;
 }
-._middleAlignedInline_gg13i_50 {
+._middleAlignedInline_k08fp_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_gg13i_56 {
+._heading_k08fp_56 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-weight: bold;
+  display: flex;
 }
-._heading_gg13i_56 ._headingIcon_gg13i_62 {
-  float: right;
-}
-._heading_gg13i_56 ._headingIcon_gg13i_62 svg {
-  color: var(--color-text-faint);
-}
-._heading_gg13i_56 ._headingIcon_gg13i_62:hover {
-  cursor: pointer;
-}
-._heading_gg13i_56 ._headingIcon_gg13i_62:hover svg {
-  color: var(--color-text-primary-hover);
+._heading_k08fp_56 ._icon_k08fp_63 {
+  color: inherit;
 }
-._option_gg13i_74 {
+._option_k08fp_66 {
   color: inherit;
   display: block;
   position: relative;
 }
-._heading_gg13i_56,
-._option_gg13i_74,
-._layer_gg13i_5 ._trigger_gg13i_41 {
+._heading_k08fp_56,
+._option_k08fp_66,
+._layer_k08fp_5 ._trigger_k08fp_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_gg13i_74,
-._layer_gg13i_5 ._trigger_gg13i_41 {
+._option_k08fp_66,
+._layer_k08fp_5 ._trigger_k08fp_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_gg13i_74:hover,
-._layer_gg13i_5 ._trigger_gg13i_41:hover,
-._option_gg13i_74._active_gg13i_93,
-._layer_gg13i_5 ._trigger_gg13i_41._active_gg13i_93 {
+._option_k08fp_66:hover,
+._layer_k08fp_5 ._trigger_k08fp_41:hover,
+._option_k08fp_66._active_k08fp_85,
+._layer_k08fp_5 ._trigger_k08fp_41._active_k08fp_85 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_gg13i_74._disabled_gg13i_98,
-._layer_gg13i_5 ._trigger_gg13i_41._disabled_gg13i_98 {
+._option_k08fp_66._disabled_k08fp_90,
+._layer_k08fp_5 ._trigger_k08fp_41._disabled_k08fp_90 {
   opacity: 0.2;
 }
-._option_gg13i_74._selected_gg13i_102,
-._layer_gg13i_5 ._trigger_gg13i_41._selected_gg13i_102 {
+._option_k08fp_66._selected_k08fp_94,
+._layer_k08fp_5 ._trigger_k08fp_41._selected_k08fp_94 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_gg13i_5 ._trigger_gg13i_41 {
+._layer_k08fp_5 ._trigger_k08fp_41 {
   align-items: center;
 }
-._optionContent_gg13i_109 {
+._optionContent_k08fp_101 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_gg13i_113 ._optionContent_gg13i_109 {
+._inline_k08fp_105 ._optionContent_k08fp_101 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_gg13i_118,
-._check_gg13i_119 {
+._icon_k08fp_63,
+._check_k08fp_111 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1535,82 +1527,82 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_gg13i_118 {
+._icon_k08fp_63 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
   font-size: var(--size-xs);
 }
-._icon_gg13i_118:empty {
+._icon_k08fp_63:empty {
   display: none;
 }
-._icon_gg13i_118 img {
+._icon_k08fp_63 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_gg13i_119 {
+._check_k08fp_111 {
   margin-left: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._text_gg13i_145 {
+._text_k08fp_137 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_gg13i_150 {
+._label_k08fp_142 {
   margin-right: auto;
 }
-._label_gg13i_150,
-._heading_gg13i_56 {
+._label_k08fp_142,
+._heading_k08fp_56 {
   max-width: 100%;
-  display: block;
+  display: flex;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_gg13i_161 {
+._description_k08fp_153 {
   color: #999;
   display: block;
 }
-._arrow_gg13i_165 {
+._arrow_k08fp_157 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_gg13i_169 {
+._divider_k08fp_161 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_gg13i_173 {
+._deprecatedSemanticIcon_k08fp_165 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_gg13i_98 {
+._disabled_k08fp_90 {
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_gg13i_181 {
+._buttonLabel_k08fp_173 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_gg13i_187 {
+._buttonCaret_k08fp_179 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_gg13i_191 {
+._component_k08fp_183 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_gg13i_197 {
+._right_k08fp_189 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_gg13i_202 {
+._actions_k08fp_194 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;

package/dist/index.js

@@ -4165,32 +4165,31 @@ const styles$N = {
   actions: actions$2,
   childComponent
 };
-const wrapper$4 = "_wrapper_gg13i_1";
-const layer$1 = "_layer_gg13i_5";
-const layerContainer$1 = "_layerContainer_gg13i_8";
-const nested = "_nested_gg13i_24";
-const fileInput$1 = "_fileInput_gg13i_36";
-const trigger$2 = "_trigger_gg13i_41";
-const middleAlignedInline = "_middleAlignedInline_gg13i_50";
-const heading$5 = "_heading_gg13i_56";
-const headingIcon = "_headingIcon_gg13i_62";
-const option$1 = "_option_gg13i_74";
-const active$6 = "_active_gg13i_93";
-const disabled$8 = "_disabled_gg13i_98";
-const selected$1 = "_selected_gg13i_102";
-const optionContent$1 = "_optionContent_gg13i_109";
-const inline$4 = "_inline_gg13i_113";
-const icon$4 = "_icon_gg13i_118";
-const check$1 = "_check_gg13i_119";
-const label$9 = "_label_gg13i_150";
-const description = "_description_gg13i_161";
-const arrow$1 = "_arrow_gg13i_165";
-const divider$1 = "_divider_gg13i_169";
-const buttonLabel = "_buttonLabel_gg13i_181";
-const buttonCaret = "_buttonCaret_gg13i_187";
-const component = "_component_gg13i_191";
-const right$7 = "_right_gg13i_197";
-const actions$1 = "_actions_gg13i_202";
+const wrapper$4 = "_wrapper_k08fp_1";
+const layer$1 = "_layer_k08fp_5";
+const layerContainer$1 = "_layerContainer_k08fp_8";
+const nested = "_nested_k08fp_24";
+const fileInput$1 = "_fileInput_k08fp_36";
+const trigger$2 = "_trigger_k08fp_41";
+const middleAlignedInline = "_middleAlignedInline_k08fp_50";
+const heading$5 = "_heading_k08fp_56";
+const icon$4 = "_icon_k08fp_63";
+const option$1 = "_option_k08fp_66";
+const active$6 = "_active_k08fp_85";
+const disabled$8 = "_disabled_k08fp_90";
+const selected$1 = "_selected_k08fp_94";
+const optionContent$1 = "_optionContent_k08fp_101";
+const inline$4 = "_inline_k08fp_105";
+const check$1 = "_check_k08fp_111";
+const label$9 = "_label_k08fp_142";
+const description = "_description_k08fp_153";
+const arrow$1 = "_arrow_k08fp_157";
+const divider$1 = "_divider_k08fp_161";
+const buttonLabel = "_buttonLabel_k08fp_173";
+const buttonCaret = "_buttonCaret_k08fp_179";
+const component = "_component_k08fp_183";
+const right$7 = "_right_k08fp_189";
+const actions$1 = "_actions_k08fp_194";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -4200,14 +4199,13 @@ const styles$M = {
   trigger: trigger$2,
   middleAlignedInline,
   heading: heading$5,
-  headingIcon,
+  icon: icon$4,
   option: option$1,
   active: active$6,
   disabled: disabled$8,
   selected: selected$1,
   optionContent: optionContent$1,
   inline: inline$4,
-  icon: icon$4,
   check: check$1,
   label: label$9,
   description,
@@ -4226,8 +4224,8 @@ const Heading$3 = ({ label: label2, onClick, icon: icon2, testId }) => /* @__PUR
     className: styles$M.heading,
     "data-testid": testId,
     children: [
-      label2,
-      /* @__PURE__ */ jsx("span", { className: styles$M.headingIcon, onClick, children: icon2 })
+      !!icon2 && /* @__PURE__ */ jsx("span", { className: styles$M.icon, onClick, children: /* @__PURE__ */ jsx(Icon, { icon: icon2 }) }),
+      label2
     ]
   }
 );
@@ -27698,7 +27696,7 @@ function requireCookie() {
     }
     return new Date(Date.UTC(year, month, dayOfMonth, hour, minute, second));
   }
-  function formatDate2(date2) {
+  function formatDate(date2) {
     validators2.validate(validators2.isDate(date2), date2);
     return date2.toUTCString();
   }
@@ -28109,7 +28107,7 @@ function requireCookie() {
       let str = this.cookieString();
       if (this.expires != Infinity) {
         if (this.expires instanceof Date) {
-          str += `; Expires=${formatDate2(this.expires)}`;
+          str += `; Expires=${formatDate(this.expires)}`;
         } else {
           str += `; Expires=${this.expires}`;
         }
@@ -28700,7 +28698,7 @@ function requireCookie() {
   cookie.Store = Store;
   cookie.MemoryCookieStore = MemoryCookieStore;
   cookie.parseDate = parseDate;
-  cookie.formatDate = formatDate2;
+  cookie.formatDate = formatDate;
   cookie.parse = parse2;
   cookie.fromJSON = fromJSON;
   cookie.domainMatch = domainMatch;
@@ -168886,68 +168884,6 @@ const SelectCell = ({
     }
   );
 };
-function formatDate(value, showTime) {
-  if (!value) {
-    return null;
-  }
-  const date2 = new Date(value);
-  const formattedDate = date2.toLocaleDateString(void 0, {
-    year: "numeric",
-    month: "short",
-    day: "2-digit",
-    hour: showTime ? "2-digit" : void 0,
-    minute: showTime ? "2-digit" : void 0
-  });
-  return formattedDate;
-}
-const Date$1 = (props) => {
-  const { children, showTime } = props;
-  const formattedDate = formatDate(children, showTime);
-  return formattedDate;
-};
-const DateInput = (props) => {
-  const { value, error: error2, tooltip: tooltip2 } = props;
-  const stringValue = value;
-  const tooltipText = value || error2 || tooltip2 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    value && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Date$1, { children: stringValue }) }),
-    (error2 || tooltip2) && /* @__PURE__ */ jsx("div", { children: error2 || tooltip2 })
-  ] }) : null;
-  return /* @__PURE__ */ jsx(Input$1, { type: "date", ...props, tooltip: tooltipText });
-};
-const DateInputCell = ({
-  cell: cell2,
-  columnAlignment,
-  testId
-}) => {
-  return /* @__PURE__ */ jsx(
-    DateInput,
-    {
-      name: cell2.name,
-      value: cell2.value,
-      onChange: (ev) => {
-        var _a2;
-        return (_a2 = cell2.onChange) == null ? void 0 : _a2.call(cell2, ev);
-      },
-      onFocus: cell2.onFocus,
-      onBlur: cell2.onBlur,
-      onPaste: (ev) => {
-        var _a2;
-        return (_a2 = cell2.onPaste) == null ? void 0 : _a2.call(cell2, ev);
-      },
-      placeholder: cell2.placeholder,
-      error: cell2.error,
-      warning: cell2.warning,
-      disabled: cell2.disabled,
-      isInTable: true,
-      maxTooltipWidth: cell2.maxTooltipWidth,
-      right: columnAlignment === Align.RIGHT,
-      selectOnFocus: cell2.selectOnFocus,
-      testId,
-      tabIndex: cell2.disabled ? -1 : 0,
-      tooltip: cell2.tooltip
-    }
-  );
-};
 const InputCellWrapper = ({
   cell: cell2,
   columnAlignment,
@@ -168974,14 +168910,7 @@ const InputCellWrapper = ({
           columnAlignment,
           testId
         }
-      ) : cell2.type === "DateInput" ? /* @__PURE__ */ jsx(
-        DateInputCell,
-        {
-          cell: cell2,
-          columnAlignment,
-          testId
-        }
-      ) : cell2.type === "Select" ? /* @__PURE__ */ jsx(
+      ) : cell2.type === "DateInput" ? /* @__PURE__ */ jsx(InputCell, { cell: cell2, testId, type: "date" }) : cell2.type === "Select" ? /* @__PURE__ */ jsx(
         SelectCell,
         {
           cell: cell2,