react-better-html 1.1.196 → 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 +2 -1
  2. package/dist/index.d.ts +2 -1
  3. package/dist/index.js +43 -40
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +44 -41
  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 = {
@@ -967,6 +967,7 @@ type SideMenuProps = {
967
967
  widthMobileHandle?: boolean;
968
968
  absoluteComponent?: React.ReactNode;
969
969
  additionalComponent?: React.ReactNode;
970
+ isLoading?: boolean;
970
971
  /** @default backgroundContent */
971
972
  backgroundColor?: React.CSSProperties["backgroundColor"];
972
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 = {
@@ -967,6 +967,7 @@ type SideMenuProps = {
967
967
  widthMobileHandle?: boolean;
968
968
  absoluteComponent?: React.ReactNode;
969
969
  additionalComponent?: React.ReactNode;
970
+ isLoading?: boolean;
970
971
  /** @default backgroundContent */
971
972
  backgroundColor?: React.CSSProperties["backgroundColor"];
972
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
  ] }),
@@ -9599,6 +9599,7 @@ var SideMenuComponent = function SideMenu({
9599
9599
  widthMobileHandle,
9600
9600
  absoluteComponent,
9601
9601
  additionalComponent,
9602
+ isLoading,
9602
9603
  backgroundColor,
9603
9604
  paddingTop
9604
9605
  }) {
@@ -9671,45 +9672,47 @@ var SideMenuComponent = function SideMenu({
9671
9672
  ) }),
9672
9673
  withCloseButton && mediaQuery.size1000 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button_default.icon, { icon: "XMark", marginLeft: "auto", onClick: onClickXButton })
9673
9674
  ] }),
9674
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9675
- Div_default.column,
9676
- {
9677
- width: "100%",
9678
- height: "100%",
9679
- overflowY: "auto",
9680
- paddingInline: theme2.styles.space,
9681
- paddingBottom: !isCollapsable && !readyBottomItems ? theme2.styles.space : void 0,
9682
- 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)(
9683
- MenuItemComponent,
9684
- {
9685
- item,
9686
- backgroundColor: readyBackgroundColor,
9687
- onClick: onClickXButton
9688
- },
9689
- item.text
9690
- )) })
9691
- }
9692
- ),
9693
- readyBottomItems && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9694
- Div_default.column,
9695
- {
9696
- borderTop: mediaQuery.size1000 ? `solid 1px ${theme2.colors.border}` : void 0,
9697
- gap: theme2.styles.gap / 2,
9698
- marginTop: "auto",
9699
- paddingTop: mediaQuery.size1000 ? theme2.styles.space : void 0,
9700
- paddingInline: theme2.styles.space,
9701
- paddingBottom: !isCollapsable ? theme2.styles.space : void 0,
9702
- children: readyBottomItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9703
- MenuItemComponent,
9704
- {
9705
- item,
9706
- backgroundColor: readyBackgroundColor,
9707
- onClick: onClickXButton
9708
- },
9709
- item.text
9710
- ))
9711
- }
9712
- ),
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 }) }),
9713
9716
  additionalComponent,
9714
9717
  isCollapsable && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
9715
9718
  Div_default,