react-better-html 1.1.195 → 1.1.197

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +4 -1
  2. package/dist/index.d.ts +4 -1
  3. package/dist/index.js +48 -41
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +49 -42
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -704,8 +704,8 @@ declare const ColorThemeSwitch: typeof ColorThemeSwitchComponent & {
704
704
 
705
705
  type FilterPreset = "today" | "yesterday" | "tomorrow" | "thisWeek" | "thisMonth" | "thisYear" | "lastWeek" | "lastMonth" | "lastYear" | "nextWeek" | "nextMonth" | "nextYear";
706
706
  type ListFilterValue = {
707
+ value: number | string | boolean;
707
708
  label?: string;
708
- value: number | string;
709
709
  count: number;
710
710
  };
711
711
  type TableFilterData = {
@@ -965,6 +965,9 @@ type SideMenuProps = {
965
965
  collapsable?: boolean;
966
966
  withCloseButton?: boolean;
967
967
  widthMobileHandle?: boolean;
968
+ absoluteComponent?: React.ReactNode;
969
+ additionalComponent?: React.ReactNode;
970
+ isLoading?: boolean;
968
971
  /** @default backgroundContent */
969
972
  backgroundColor?: React.CSSProperties["backgroundColor"];
970
973
  paddingTop?: React.CSSProperties["paddingTop"];
package/dist/index.d.ts CHANGED
@@ -704,8 +704,8 @@ declare const ColorThemeSwitch: typeof ColorThemeSwitchComponent & {
704
704
 
705
705
  type FilterPreset = "today" | "yesterday" | "tomorrow" | "thisWeek" | "thisMonth" | "thisYear" | "lastWeek" | "lastMonth" | "lastYear" | "nextWeek" | "nextMonth" | "nextYear";
706
706
  type ListFilterValue = {
707
+ value: number | string | boolean;
707
708
  label?: string;
708
- value: number | string;
709
709
  count: number;
710
710
  };
711
711
  type TableFilterData = {
@@ -965,6 +965,9 @@ type SideMenuProps = {
965
965
  collapsable?: boolean;
966
966
  withCloseButton?: boolean;
967
967
  widthMobileHandle?: boolean;
968
+ absoluteComponent?: React.ReactNode;
969
+ additionalComponent?: React.ReactNode;
970
+ isLoading?: boolean;
968
971
  /** @default backgroundContent */
969
972
  backgroundColor?: React.CSSProperties["backgroundColor"];
970
973
  paddingTop?: React.CSSProperties["paddingTop"];
package/dist/index.js CHANGED
@@ -8694,7 +8694,7 @@ var TableComponent = (0, import_react26.forwardRef)(function Table({
8694
8694
  )
8695
8695
  ] })
8696
8696
  },
8697
- value.value
8697
+ value.value.toString()
8698
8698
  );
8699
8699
  }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text_default.unknown, { children: "No values" }) })
8700
8700
  ] }),
@@ -9597,6 +9597,9 @@ var SideMenuComponent = function SideMenu({
9597
9597
  collapsable,
9598
9598
  withCloseButton,
9599
9599
  widthMobileHandle,
9600
+ absoluteComponent,
9601
+ additionalComponent,
9602
+ isLoading,
9600
9603
  backgroundColor,
9601
9604
  paddingTop
9602
9605
  }) {
@@ -9669,45 +9672,48 @@ var SideMenuComponent = function SideMenu({
9669
9672
  ) }),
9670
9673
  withCloseButton && mediaQuery.size1000 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button_default.icon, { icon: "XMark", marginLeft: "auto", onClick: onClickXButton })
9671
9674
  ] }),
9672
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9673
- Div_default.column,
9674
- {
9675
- width: "100%",
9676
- height: "100%",
9677
- overflowY: "auto",
9678
- paddingInline: theme2.styles.space,
9679
- paddingBottom: !isCollapsable && !readyBottomItems ? theme2.styles.space : void 0,
9680
- children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Div_default.column, { gap: theme2.styles.gap / 2, children: readyItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9681
- MenuItemComponent,
9682
- {
9683
- item,
9684
- backgroundColor: readyBackgroundColor,
9685
- onClick: onClickXButton
9686
- },
9687
- item.text
9688
- )) })
9689
- }
9690
- ),
9691
- readyBottomItems && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9692
- Div_default.column,
9693
- {
9694
- borderTop: mediaQuery.size1000 ? `solid 1px ${theme2.colors.border}` : void 0,
9695
- gap: theme2.styles.gap / 2,
9696
- marginTop: "auto",
9697
- paddingTop: mediaQuery.size1000 ? theme2.styles.space : void 0,
9698
- paddingInline: theme2.styles.space,
9699
- paddingBottom: !isCollapsable ? theme2.styles.space : void 0,
9700
- children: readyBottomItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9701
- MenuItemComponent,
9702
- {
9703
- item,
9704
- backgroundColor: readyBackgroundColor,
9705
- onClick: onClickXButton
9706
- },
9707
- item.text
9708
- ))
9709
- }
9710
- ),
9675
+ !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
9676
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9677
+ Div_default.column,
9678
+ {
9679
+ width: "100%",
9680
+ height: "100%",
9681
+ overflowY: "auto",
9682
+ paddingInline: theme2.styles.space,
9683
+ paddingBottom: !isCollapsable && !readyBottomItems ? theme2.styles.space : void 0,
9684
+ children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Div_default.column, { gap: theme2.styles.gap / 2, children: readyItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9685
+ MenuItemComponent,
9686
+ {
9687
+ item,
9688
+ backgroundColor: readyBackgroundColor,
9689
+ onClick: onClickXButton
9690
+ },
9691
+ item.text
9692
+ )) })
9693
+ }
9694
+ ),
9695
+ readyBottomItems && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9696
+ Div_default.column,
9697
+ {
9698
+ borderTop: mediaQuery.size1000 ? `solid 1px ${theme2.colors.border}` : void 0,
9699
+ gap: theme2.styles.gap / 2,
9700
+ marginTop: "auto",
9701
+ paddingTop: mediaQuery.size1000 ? theme2.styles.space : void 0,
9702
+ paddingInline: theme2.styles.space,
9703
+ paddingBottom: !isCollapsable ? theme2.styles.space : void 0,
9704
+ children: readyBottomItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9705
+ MenuItemComponent,
9706
+ {
9707
+ item,
9708
+ backgroundColor: readyBackgroundColor,
9709
+ onClick: onClickXButton
9710
+ },
9711
+ item.text
9712
+ ))
9713
+ }
9714
+ )
9715
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Div_default, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Loader_default.box, { text: isCollapsed ? "" : void 0 }) }),
9716
+ additionalComponent,
9711
9717
  isCollapsable && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9712
9718
  Div_default,
9713
9719
  {
@@ -9773,7 +9779,8 @@ var SideMenuComponent = function SideMenu({
9773
9779
  }
9774
9780
  )
9775
9781
  }
9776
- )
9782
+ ),
9783
+ absoluteComponent && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Div_default, { position: "absolute", top: 0, left: 0, pointerEvents: "none", zIndex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Div_default, { pointerEvents: "all", children: absoluteComponent }) })
9777
9784
  ]
9778
9785
  }
9779
9786
  );