@react-hive/honey-layout 8.1.0 → 9.0.0

package/dist/components/HoneyList/HoneyList.d.ts

@@ -2,16 +2,16 @@ import { FastOmit } from '@react-hive/honey-style';
 import { HoneyListGenericProps, HoneyListItem } from './HoneyList.types';
 import { HoneyStatusContentProps } from '../HoneyStatusContent';
 import { HoneyListStyledProps } from './HoneyListStyled';
-export type HoneyListProps<Item extends HoneyListItem> = FastOmit<HoneyListStyledProps, 'children'> & HoneyListGenericProps<Item> & FastOmit<HoneyStatusContentProps, 'isNoContent'>;
+export type HoneyListProps<Item extends HoneyListItem> = FastOmit<HoneyListStyledProps, 'children'> & HoneyListGenericProps<Item> & FastOmit<HoneyStatusContentProps, 'empty'>;
 /**
  * A generic and reusable list component that handles different states such as loading, error, or no content,
  * and dynamically renders a list of items with custom content for each item.
  *
  * This component provides a flexible and accessible way to display lists, with built-in support for
- * various states to enhance user experience. It accepts a `ref` to access the underlying HTML element
+ * various states to enhance the user experience. It accepts a `ref` to access the underlying HTML element
  * for greater control and customization.
  *
  * @template Item - Represents the type of the items to be rendered in the list. This allows the component
  * to be used with any item type.
  */
-export declare const HoneyList: <Item extends HoneyListItem>({ ref, children, items, itemKey, isLoading, isLoadingOverContent, loadingContent, isError, errorContent, noContent, ...props }: HoneyListProps<Item>) => import("react/jsx-runtime").JSX.Element;
+export declare const HoneyList: <Item extends HoneyListItem>({ ref, children, items, itemKey, loading, loadingOverContent, loadingContent, error, errorContent, emptyContent, ...props }: HoneyListProps<Item>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HoneyStatusContent.d.ts

@@ -9,45 +9,45 @@ export interface HoneyStatusContentProps {
      *
      * @default false
      */
-    isLoading?: boolean;
+    loading?: boolean;
     /**
-     * A flag indicating whether the loading content should appear on top of the content.
+     * The content to display when the component is in a loading state.
      *
-     * @default false
+     * @default null
      */
-    isLoadingOverContent?: boolean;
+    loadingContent?: ReactNode;
     /**
-     * A flag indicating whether the component has encountered an error.
+     * A flag indicating whether the loading content should appear on top of the content.
      *
      * @default false
      */
-    isError?: boolean;
+    loadingOverContent?: boolean;
     /**
-     * A flag indicating whether the component has no content to display.
+     * A flag indicating whether the component has encountered an error.
      *
      * @default false
      */
-    isNoContent?: boolean;
+    error?: boolean;
     /**
-     * The content to display when the component is in a loading state.
+     * The content to display when the component has encountered an error.
      *
      * @default null
      */
-    loadingContent?: ReactNode;
+    errorContent?: ReactNode;
     /**
-     * The content to display when the component has encountered an error.
+     * A flag indicating whether the component has no content to display.
      *
-     * @default null
+     * @default false
      */
-    errorContent?: ReactNode;
+    empty?: boolean;
     /**
      * The content to display when the component has no content to display.
      *
      * @default null
      */
-    noContent?: ReactNode;
+    emptyContent?: ReactNode;
 }
 /**
  * A component that conditionally renders blocks based on specified boolean flags.
  */
-export declare const HoneyStatusContent: ({ children, isLoading, isLoadingOverContent, isError, isNoContent, loadingContent, errorContent, noContent, }: PropsWithChildren<HoneyStatusContentProps>) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export declare const HoneyStatusContent: ({ children, loading, loadingOverContent, error, empty, loadingContent, errorContent, emptyContent, }: PropsWithChildren<HoneyStatusContentProps>) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;

package/dist/index.js

@@ -12,14 +12,17 @@ const cs = [
   e.forEach((n) => {
     typeof n == "function" ? n(t) : n && typeof n == "object" && (n.current = t);
   });
-}, us = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), pr = (e) => e.split(" ").filter(Boolean), _n = (e, ...t) => typeof e == "function" ? e(...t) : e, ls = (e, t, n, r) => {
-  const o = n - e, i = r - t;
-  return Math.sqrt(o ** 2 + i ** 2);
-}, mr = (e, t) => Math.abs(e / t);
+}, us = (e) => {
+  const t = e.charAt(0), n = e.slice(1);
+  return t.toLowerCase() + n.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
+}, pr = (e) => e.split(" ").filter(Boolean);
 function Fn(e, t) {
   if (!e) throw new Error(t);
 }
-const fs = () => {
+const _n = (e, ...t) => typeof e == "function" ? e(...t) : e, ls = (e, t, n, r) => {
+  const o = n - e, i = r - t;
+  return Math.sqrt(o ** 2 + i ** 2);
+}, mr = (e, t) => Math.abs(e / t), fs = () => {
   const e = Date.now().toString(), t = Math.floor(Math.random() * 1e4).toString().padStart(4, "0");
   return `${e}${t}`;
 }, ds = (e) => ts.includes(e), gs = (e) => ns.includes(e), io = (e) => e[0] === "$", ps = (e, t, n) => {
@@ -464,13 +467,13 @@ const uo = kn(void 0), lo = lt(Jt)`
   );
 }, Ts = (e, t, n) => typeof t == "function" ? t(e) : typeof e == "string" || typeof e == "number" ? e : t ? e[t] : n, Ss = ({
   children: e,
-  isLoading: t = !1,
-  isLoadingOverContent: n = !1,
-  isError: r = !1,
-  isNoContent: o = !1,
+  loading: t = !1,
+  loadingOverContent: n = !1,
+  error: r = !1,
+  empty: o = !1,
   loadingContent: i = null,
   errorContent: s = null,
-  noContent: u = null
+  emptyContent: u = null
 }) => r ? s : !n && t ? i : /* @__PURE__ */ G.jsxs(G.Fragment, { children: [
   n && t && i,
   o ? u : e
@@ -484,12 +487,12 @@ const uo = kn(void 0), lo = lt(Jt)`
   children: t,
   items: n,
   itemKey: r,
-  isLoading: o,
-  isLoadingOverContent: i,
+  loading: o,
+  loadingOverContent: i,
   loadingContent: s,
-  isError: u,
+  error: u,
   errorContent: l,
-  noContent: c,
+  emptyContent: c,
   ...p
 }) => /* @__PURE__ */ G.jsx(
   Os,
@@ -502,13 +505,13 @@ const uo = kn(void 0), lo = lt(Jt)`
     children: /* @__PURE__ */ G.jsx(
       Ss,
       {
-        isLoading: o,
-        isLoadingOverContent: i,
+        loading: o,
+        loadingOverContent: i,
         loadingContent: s,
-        isError: u,
+        error: u,
         errorContent: l,
-        isNoContent: n?.length === 0,
-        noContent: c,
+        empty: n?.length === 0,
+        emptyContent: c,
         children: n?.map((f, a, g) => /* @__PURE__ */ G.jsx(ss, { children: t(f, a, g) }, String(Ts(f, r, a))))
       }
     )
@@ -4739,7 +4742,7 @@ const uu = ({ children: e, enabled: t = !0, ...n }) => {
     ),
     [e]
   );
-  return /* @__PURE__ */ G.jsx(_s, { items: u, itemKey: "id", noContent: "No options", children: (l) => l.options?.length ? /* @__PURE__ */ G.jsx(
+  return /* @__PURE__ */ G.jsx(_s, { items: u, itemKey: "id", emptyContent: "No options", children: (l) => l.options?.length ? /* @__PURE__ */ G.jsx(
     Go,
     {
       context: i,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-layout",
-  "version": "8.1.0",
+  "version": "9.0.0",
   "description": "",
   "keywords": [
     "react",
@@ -41,7 +41,7 @@
     "@floating-ui/dom": "1.7.2",
     "@floating-ui/react": "0.27.13",
     "@mdx-js/react": "3.1.0",
-    "@react-hive/honey-utils": "1.2.0",
+    "@react-hive/honey-utils": "1.7.0",
     "csstype": "3.1.3",
     "highlight.js": "11.11.1",
     "lodash.merge": "4.6.2",