@webority/ui-react 0.63.1 → 0.64.0

package/dist/components/AppEmptyState.js

@@ -1 +1 @@
-import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./renderIconProp.js";import r,{ILLUSTRATION_NAMES as i}from"../lib/emptyIllustration.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";var s=[`md`,`sm`];function c({icon:c,illustration:l,iconSize:u=24,size:d=`md`,title:f,text:p,action:m,className:h=``,style:g,..._}){t(`AppEmptyState`,_),e(`AppEmptyState`,`size`,d,s),e(`AppEmptyState`,`illustration`,l,i);let v=l!=null&&i.includes(l);return o(`div`,{className:[`empty-state`,d===`sm`?`empty-state-sm`:``,h].filter(Boolean).join(` `),style:g,..._,children:[v?a(r,{name:l,className:`wui-empty-illustration`}):null,c&&!v?a(`div`,{className:`empty-state-icon`,children:n(c,{size:u})}):null,f!=null&&a(`div`,{className:`empty-state-title`,children:f}),p!=null&&a(`div`,{className:`empty-state-message`,children:p}),m&&a(`div`,{className:`empty-state-action`,children:m})]})}export{c as default};
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./renderIconProp.js";import r,{ILLUSTRATION_NAMES as i}from"../lib/emptyIllustration.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";var s=[`md`,`sm`];function c({icon:c,illustration:l,iconSize:u=24,size:d=`md`,title:f,text:p,action:m,className:h=``,style:g,..._}){t(`AppEmptyState`,_),e(`AppEmptyState`,`size`,d,s),typeof l==`string`&&e(`AppEmptyState`,`illustration`,l,i);let v=typeof l==`string`&&i.includes(l),y=l!=null&&typeof l!=`string`?l:null;return o(`div`,{className:[`empty-state`,d===`sm`?`empty-state-sm`:``,h].filter(Boolean).join(` `),style:g,..._,children:[v?a(r,{name:l,className:`wui-empty-illustration`}):null,y?a(`span`,{className:`wui-empty-illustration wui-empty-illustration-custom`,"aria-hidden":`true`,children:y}):null,c&&!v&&!y?a(`div`,{className:`empty-state-icon`,children:n(c,{size:u})}):null,f!=null&&a(`div`,{className:`empty-state-title`,children:f}),p!=null&&a(`div`,{className:`empty-state-message`,children:p}),m&&a(`div`,{className:`empty-state-action`,children:m})]})}export{c as default};

package/dist/components/AppTableEmptyState.js

@@ -1 +1 @@
-import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./renderIconProp.js";import r,{ILLUSTRATION_NAMES as i}from"../lib/emptyIllustration.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({icon:s,illustration:c,title:l,text:u,action:d,...f}){t(`AppTableEmptyState`,f),e(`AppTableEmptyState`,`illustration`,c,i);let p=c!=null&&i.includes(c);return o(`div`,{className:`tbl-empty`,...f,children:[p?a(r,{name:c,className:`wui-empty-illustration`}):a(`span`,{className:`tbl-empty-icon`,children:n(s,{size:24})}),a(`div`,{className:`tbl-empty-title`,children:l}),u&&a(`div`,{className:`tbl-empty-text`,children:u}),d&&a(`div`,{className:`tbl-empty-action`,children:d})]})}export{s as default};
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./renderIconProp.js";import r,{ILLUSTRATION_NAMES as i}from"../lib/emptyIllustration.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({icon:s,illustration:c,title:l,text:u,action:d,...f}){t(`AppTableEmptyState`,f),typeof c==`string`&&e(`AppTableEmptyState`,`illustration`,c,i);let p=typeof c==`string`&&i.includes(c),m=c!=null&&typeof c!=`string`?c:null;return o(`div`,{className:`tbl-empty`,...f,children:[p?a(r,{name:c,className:`wui-empty-illustration`}):m?a(`span`,{className:`wui-empty-illustration wui-empty-illustration-custom`,"aria-hidden":`true`,children:m}):a(`span`,{className:`tbl-empty-icon`,children:n(s,{size:24})}),a(`div`,{className:`tbl-empty-title`,children:l}),u&&a(`div`,{className:`tbl-empty-text`,children:u}),d&&a(`div`,{className:`tbl-empty-action`,children:d})]})}export{s as default};

package/dist/types/components/AppEmptyState.d.ts

@@ -11,8 +11,7 @@
  *
  * @param {object} props
  * @param {string|import('react').ReactNode} props.icon  Semantic icon name for the bubble, or a custom node
- * @param {"no-results"|"no-data"|"empty-inbox"|"no-notifications"|"no-files"|"no-access"|"offline"|"error"} [props.illustration]
- *   Decorative drawing by name, in theme colours. Replaces the icon bubble when set.
+ * @param {string|import('react').ReactNode} [props.illustration] A named drawing ("no-results" | "no-data" | "empty-inbox" | "no-notifications" | "no-files" | "no-access" | "offline" | "error"), or your own decorative SVG node drawn unboxed at up to 120 px. Replaces the icon bubble when set.
  * @param {number} [props.iconSize=24]
  * @param {"md"|"sm"} [props.size="md"]
  * @param {import('react').ReactNode} props.title
@@ -23,7 +22,7 @@
  */
 export default function AppEmptyState({ icon, illustration, iconSize, size, title, text, action, className, style, ...rest }: {
     icon: string | import('react').ReactNode;
-    illustration?: "no-results" | "no-data" | "empty-inbox" | "no-notifications" | "no-files" | "no-access" | "offline" | "error";
+    illustration?: string | import('react').ReactNode;
     iconSize?: number;
     size?: "md" | "sm";
     title: import('react').ReactNode;

package/dist/types/components/AppTableEmptyState.d.ts

@@ -3,15 +3,14 @@
  *
  * @param {object} props
  * @param {string|import('react').ReactNode} props.icon Icon name, or a custom node.
- * @param {"no-results"|"no-data"|"empty-inbox"|"no-notifications"|"no-files"|"no-access"|"offline"|"error"} [props.illustration]
- *   Decorative drawing by name, in theme colours. Replaces the icon bubble when set.
+ * @param {string|import('react').ReactNode} [props.illustration] A named drawing ("no-results" | "no-data" | "empty-inbox" | "no-notifications" | "no-files" | "no-access" | "offline" | "error"), or your own decorative SVG node drawn unboxed at up to 120 px. Replaces the icon bubble when set.
  * @param {import('react').ReactNode} props.title
  * @param {import('react').ReactNode} [props.text]
  * @param {import('react').ReactNode} [props.action]
  */
 export default function AppTableEmptyState({ icon, illustration, title, text, action, ...rest }: {
     icon: string | import('react').ReactNode;
-    illustration?: "no-results" | "no-data" | "empty-inbox" | "no-notifications" | "no-files" | "no-access" | "offline" | "error";
+    illustration?: string | import('react').ReactNode;
     title: import('react').ReactNode;
     text?: import('react').ReactNode;
     action?: import('react').ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.63.1",
+  "version": "0.64.0",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -27,8 +27,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/theme": "0.63.1",
-    "@webority/ui-elements": "0.63.1"
+    "@webority/theme": "0.64.0",
+    "@webority/ui-elements": "0.64.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.23.0",