@jitera/jitera-web-ui-library 1.22.0 → 1.23.0

package/dist/index.d.ts

@@ -48,10 +48,10 @@ interface CheckboxStateColor extends RadioCheckboxStateColor {
 interface PreviewProps {
   isPreview?: boolean
   responsiveVisibility?:
+    | string[]
     | {
         value: string
       }[]
-    | string[]
 }
 
 interface BoxProps extends PreviewProps, ComponentProps<React.HTMLAttributes<HTMLDivElement>> {}

package/dist/index.esm.js

@@ -22,16 +22,17 @@ import{jsx as g,jsxs as h}from"react/jsx-runtime";import a,{useMemo as i,useStat
   @media (min-width: ${ResponsiveSize.LARGE}px) {
     display: ${a=>{var b;return((b=a===null||a===void 0?void 0:a.values)===null||b===void 0?void 0:b.includes(ResponsiveDevices.DESKTOP))?"contents":"none"}};
   }
-`;const ResponsiveVisibility=({visibility:c,responsiveVisibility:d,isPreview:e,isInline:f,children:a})=>{const b=i(()=>{var a;return(a=d||c||DEFAULT_RESPONSIVE_VISIBILITY)===null||a===void 0?void 0:a.map(a=>typeof a==="string"?a:a.value)},[d,c]);if(e){return g(PreviewResponsive$1,{visibility:b,children:a})}if(f){return g(InlineWrapper,{values:b,children:a})}return g(Wrapper$1,{values:b,children:a})};var VisibilityComponent=ResponsiveVisibility;const Box=a.forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return g(VisibilityComponent,{visibility:e,isPreview:d,children:g("div",{...f,ref:b,children:c})})});var IconSet;(function(a){a["All"]="all";a["Antd"]="antd";a["Bootstrap"]="bootstrap";a["Feather"]="feather";a["FontAwesome"]="font-awesome";a["Material"]="material"})(IconSet||(IconSet={}));function getIconComponent(b,c={}){return a.createElement(b in x?x[b]:b in y?y[b]:b in A?A[b]:b in z?z[b]:b in B?B[b]:"",c)}function assertUnreachable(a){throw new Error(`Should not reach with ${a}`)}function getIconSet(a){switch(a){case IconSet.Antd:return Object.entries(x);case IconSet.Bootstrap:return Object.entries(y);case IconSet.Feather:return Object.entries(A);case IconSet.FontAwesome:return Object.entries(z);case IconSet.Material:return Object.entries(B);case IconSet.All:return[...Object.entries(x),...Object.entries(y),...Object.entries(A),...Object.entries(z),...Object.entries(B)];default:return assertUnreachable(a)}}const Icon=a.forwardRef((a,b)=>{return g("span",{ref:b,style:{display:"inline-block",...a.style},children:getIconComponent(a.iconName,{color:a.color,size:a.size})})});const Button=a.forwardRef((a,b)=>{const{buttonType:c="primary",isPreview:d,responsiveVisibility:e,iconProps:f,...h}=a;const j=i(()=>{if(!f){return}return g(Icon,{...f})},[f]);return g(VisibilityComponent,{visibility:e,isPreview:d,isInline:true,children:g(l,{type:c,icon:j,...h,ref:b})})});const Col=a.forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return g(VisibilityComponent,{visibility:e,isPreview:d,children:g(m,{...f,ref:b,children:c})})});const Content=a.forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return g(VisibilityComponent,{visibility:e,isPreview:d,children:g(D,{...f,prefixCls:"jitera-layout-content",ref:b,children:c})})});const Footer=a.forwardRef((a,b)=>{const{children:c,style:d,isPreview:e,responsiveVisibility:f,...h}=a;return g(VisibilityComponent,{visibility:f,isPreview:e,children:g("footer",{...h,style:d,ref:b,children:c})})});const FormComponent=a.forwardRef((a,b)=>{const{children:c,responsiveVisibility:d,isPreview:e,...f}=a;return g(VisibilityComponent,{visibility:d,isPreview:e,children:g("div",{...f,ref:b,children:c})})});const Form=FormComponent;const Header=a.forwardRef((a,b)=>{const{children:c,style:d,responsiveVisibility:e,isPreview:f,...h}=a;return g(VisibilityComponent,{visibility:e,isPreview:f,children:g(E,{...h,prefixCls:"jitera-layout-header",style:{width:"100%",...d},ref:b,children:c})})});const Image=a.forwardRef((a,b)=>{const{source:c,alt:d="",responsiveVisibility:e,isPreview:f,...h}=a;return g(VisibilityComponent,{visibility:e,isPreview:f,children:g("img",{ref:b,src:c,...h,alt:d})})});var TextVariantType;(function(a){a["Title"]="Title";a["Link"]="Link";a["Text"]="Text";a["Paragraph"]="Paragraph"})(TextVariantType||(TextVariantType={}));const Text=a.forwardRef((a,b)=>{const{variant:c=TextVariantType.Text,responsiveVisibility:d,isPreview:e,...f}=a;const h=n[c];return g(VisibilityComponent,{visibility:d,isPreview:e,isInline:true,children:g(h,{...f,ref:b})})});const isStyleObject=a=>typeof a==="object";const getClasses=(...a)=>a.filter(a=>!isStyleObject(a)).join(" ");const input="mccb30e4f2_input";var styles$3={input};const Input=a.forwardRef((c,d)=>{const{style:e={},inputStyle:f={},errorMessage:a,isPasswordField:j,responsiveVisibility:k,isPreview:b,className:l,prefixIconProps:m,suffixIconProps:n,...p}=c;const q=i(()=>j?o.Password:o,[j]);const r=i(()=>{return isStyleObject(f)?{style:f,className:styles$3.input}:{className:getClasses(styles$3.input,f)}},[f]);const s=i(()=>{if(!m){return}return g(Icon,{...m})},[m]);const t=i(()=>{if(!n){return}return g(Icon,{...n})},[n]);return g(VisibilityComponent,{visibility:k,isPreview:b,children:h("div",{style:e,className:getClasses(styles$3.container,l||""),ref:d,children:[g(q,{...r,disabled:b,prefix:s,suffix:t,...p}),!!a&&g(Text,{type:"danger",children:a})]})})});const Layout=a.forwardRef((a,b)=>{const{children:c,responsiveVisibility:d,isPreview:e,...f}=a;return g(VisibilityComponent,{visibility:d,isPreview:e,children:g(C,{...f,prefixCls:"jitera-layout",ref:b,children:c})})});const Menu=a.forwardRef((a,c)=>{const{isPreview:b,...e}=a;return g(VisibilityComponent,{visibility:a.responsiveVisibility,isPreview:b,children:g("div",{ref:c,children:g(d,{disabled:b,...e,prefixCls:"jitera-menu"})})})});const MenuItemWrapper=b.div`
+`;const ResponsiveVisibility=({visibility:c,responsiveVisibility:d,isPreview:e,isInline:f,children:a})=>{const b=i(()=>{var a;return(a=d||c||DEFAULT_RESPONSIVE_VISIBILITY)===null||a===void 0?void 0:a.map(a=>typeof a==="string"?a:a.value)},[d,c]);if(e){return g(PreviewResponsive$1,{visibility:b,children:a})}if(f){return g(InlineWrapper,{values:b,children:a})}return g(Wrapper$1,{values:b,children:a})};var VisibilityComponent=ResponsiveVisibility;const Box=a.forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return g(VisibilityComponent,{visibility:e,isPreview:d,children:g("div",{...f,ref:b,children:c})})});var IconSet;(function(a){a["All"]="all";a["Antd"]="antd";a["Bootstrap"]="bootstrap";a["Feather"]="feather";a["FontAwesome"]="font-awesome";a["Material"]="material"})(IconSet||(IconSet={}));function getIconComponent(b,c={}){return a.createElement(b in x?x[b]:b in y?y[b]:b in A?A[b]:b in z?z[b]:b in B?B[b]:"",c)}function assertUnreachable(a){throw new Error(`Should not reach with ${a}`)}function getIconSet(a){switch(a){case IconSet.Antd:return Object.entries(x);case IconSet.Bootstrap:return Object.entries(y);case IconSet.Feather:return Object.entries(A);case IconSet.FontAwesome:return Object.entries(z);case IconSet.Material:return Object.entries(B);case IconSet.All:return[...Object.entries(x),...Object.entries(y),...Object.entries(A),...Object.entries(z),...Object.entries(B)];default:return assertUnreachable(a)}}const Icon=a.forwardRef((a,b)=>{return g("span",{ref:b,style:{display:"inline-block",...a.style},children:getIconComponent(a.iconName,{color:a.color,size:a.size})})});const Button=a.forwardRef((a,b)=>{const{buttonType:c="primary",isPreview:d,responsiveVisibility:e,iconProps:f,...h}=a;const j=i(()=>{if(!f){return}return g(Icon,{...f})},[f]);return g(VisibilityComponent,{visibility:e,isPreview:d,isInline:true,children:g(l,{type:c,icon:j,...h,ref:b})})});const Col=a.forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return g(VisibilityComponent,{visibility:e,isPreview:d,children:g(m,{...f,ref:b,children:c})})});const Content=a.forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return g(VisibilityComponent,{visibility:e,isPreview:d,children:g(D,{...f,prefixCls:"jitera-layout-content",ref:b,children:c})})});const Footer=a.forwardRef((a,b)=>{const{children:c,style:d,isPreview:e,responsiveVisibility:f,...h}=a;return g(VisibilityComponent,{visibility:f,isPreview:e,children:g("footer",{...h,style:d,ref:b,children:c})})});const FormComponent=a.forwardRef((a,b)=>{const{children:c,responsiveVisibility:d,isPreview:e,...f}=a;return g(VisibilityComponent,{visibility:d,isPreview:e,children:g("div",{...f,ref:b,children:c})})});const Form=FormComponent;const Header=a.forwardRef((a,b)=>{const{children:c,style:d,responsiveVisibility:e,isPreview:f,...h}=a;return g(VisibilityComponent,{visibility:e,isPreview:f,children:g(E,{...h,prefixCls:"jitera-layout-header",style:{width:"100%",...d},ref:b,children:c})})});const Image=a.forwardRef((a,b)=>{const{source:c,alt:d="",responsiveVisibility:e,isPreview:f,...h}=a;return g(VisibilityComponent,{visibility:e,isPreview:f,children:g("img",{ref:b,src:c,...h,alt:d})})});var TextVariantType;(function(a){a["Title"]="Title";a["Link"]="Link";a["Text"]="Text";a["Paragraph"]="Paragraph"})(TextVariantType||(TextVariantType={}));const Text=a.forwardRef((a,b)=>{const{variant:c=TextVariantType.Text,responsiveVisibility:d,isPreview:e,...f}=a;const h=n[c];return g(VisibilityComponent,{visibility:d,isPreview:e,isInline:true,children:g(h,{...f,ref:b})})});const isStyleObject=a=>typeof a==="object";const getClasses=(...a)=>a.filter(a=>!isStyleObject(a)).join(" ");const input="mccb30e4f2_input";var styles$3={input};const Input=a.forwardRef((c,d)=>{const{style:e={},inputStyle:f={},errorMessage:a,isPasswordField:j,responsiveVisibility:k,isPreview:b,className:l,prefixIconProps:m,suffixIconProps:n,...p}=c;const q=i(()=>j?o.Password:o,[j]);const r=i(()=>{return isStyleObject(f)?{style:f,className:styles$3.input}:{className:getClasses(styles$3.input,f)}},[f]);const s=i(()=>{if(!m){return}return g(Icon,{...m})},[m]);const t=i(()=>{if(!n){return}return g(Icon,{...n})},[n]);return g(VisibilityComponent,{visibility:k,isPreview:b,children:h("div",{style:e,className:getClasses(styles$3.container,l||""),ref:d,children:[g(q,{...r,disabled:b,prefix:s,suffix:t,...p}),!!a&&g(Text,{type:"danger",children:a})]})})});const Layout=a.forwardRef((a,b)=>{const{children:c,responsiveVisibility:d,isPreview:e,...f}=a;return g(VisibilityComponent,{visibility:d,isPreview:e,children:g(C,{...f,prefixCls:"jitera-layout",ref:b,children:c})})});const MenuWrapper=b.div`
+  .jitera-menu-item-disabled,
+  .jitera-menu-submenu-disabled {
+    ${a=>a.isPreview?"color: unset !important; cursor: unset;":""}
+  }
+`;const MenuItemWrapper=b.div`
   display: flex;
   justify-content: center;
   align-items: center;
 `;const MenuItemInner=b.div`
   width: 100%;
-  .jitera-menu-item-disabled,
-  .jitera-menu-submenu-disabled {
-    ${a=>a.isPreview?"color: none;":""}
-  }
 `;const Horizontal=b.div`
   display: flex;
 `;const Vertical=b.div`
@@ -39,7 +40,7 @@ import{jsx as g,jsxs as h}from"react/jsx-runtime";import a,{useMemo as i,useStat
   flex-direction: column;
   align-items: center;
   line-height: 1;
-`;var MenuIconPosition;(function(a){a["Left"]="left";a["Right"]="right";a["Top"]="top";a["Bottom"]="bottom"})(MenuIconPosition||(MenuIconPosition={}));const{Item:AntMenuItem}=d;const MenuItem=a.forwardRef(({label:a,iconProps:b,iconPosition:c,spaceBetween:d,responsiveVisibility:f,isPreview:e,...h},i)=>{return g(VisibilityComponent,{visibility:f,isPreview:e,children:g(MenuItemWrapper,{ref:i,children:g(MenuItemInner,{isPreview:e,children:g(AntMenuItem,{...h,children:b&&c&&d?renderTextWithIcon(b,c,d,a):a})})})})});function renderTextWithIcon(a,d,b,c){switch(d){case MenuIconPosition.Left:return h(Horizontal,{style:{gap:b},children:[g(Icon,{...a}),c]});case MenuIconPosition.Right:return h(Horizontal,{style:{gap:b},children:[c,g(Icon,{...a})]});case MenuIconPosition.Top:return h(Vertical,{style:{gap:b},children:[g(Icon,{...a}),c]});case MenuIconPosition.Bottom:return h(Vertical,{style:{gap:b},children:[c,g(Icon,{...a})]});default:return assertUnreachable(d)}}const SubMenu=a.forwardRef((a,b)=>{return g("ul",{ref:b,children:g(F,{...a})})});const PageWrapper=b.div`
+`;const Menu=a.forwardRef((b,c)=>{const{isPreview:a,...e}=b;return g(VisibilityComponent,{visibility:b.responsiveVisibility,isPreview:a,children:g(MenuWrapper,{isPreview:a,ref:c,children:g(d,{disabled:a,...e,prefixCls:"jitera-menu"})})})});var MenuIconPosition;(function(a){a["Left"]="left";a["Right"]="right";a["Top"]="top";a["Bottom"]="bottom"})(MenuIconPosition||(MenuIconPosition={}));const{Item:AntMenuItem}=d;const MenuItem=a.forwardRef(({label:a,iconProps:b,iconPosition:c,spaceBetween:d,responsiveVisibility:e,isPreview:f,...h},i)=>{return g(VisibilityComponent,{visibility:e,isPreview:f,children:g(MenuItemWrapper,{ref:i,children:g(MenuItemInner,{children:g(AntMenuItem,{...h,children:b&&c&&d?renderTextWithIcon(b,c,d,a):a})})})})});function renderTextWithIcon(a,d,b,c){switch(d){case MenuIconPosition.Left:return h(Horizontal,{style:{gap:b},children:[g(Icon,{...a}),c]});case MenuIconPosition.Right:return h(Horizontal,{style:{gap:b},children:[c,g(Icon,{...a})]});case MenuIconPosition.Top:return h(Vertical,{style:{gap:b},children:[g(Icon,{...a}),c]});case MenuIconPosition.Bottom:return h(Vertical,{style:{gap:b},children:[c,g(Icon,{...a})]});default:return assertUnreachable(d)}}const SubMenu=a.forwardRef((a,b)=>{return g("ul",{ref:b,children:g(F,{...a})})});const PageWrapper=b.div`
   width: 100%;
   ${a=>`min-height: ${a.minHeight};`}
   background-color: #fff;

package/dist/index.js

@@ -22,16 +22,17 @@
   @media (min-width: ${ResponsiveSize.LARGE}px) {
     display: ${a=>{var b;return((b=a===null||a===void 0?void 0:a.values)===null||b===void 0?void 0:b.includes(ResponsiveDevices.DESKTOP))?"contents":"none"}};
   }
-`;const ResponsiveVisibility=({visibility:c,responsiveVisibility:d,isPreview:e,isInline:f,children:a})=>{const b=React.useMemo(()=>{var a;return(a=d||c||DEFAULT_RESPONSIVE_VISIBILITY)===null||a===void 0?void 0:a.map(a=>typeof a==="string"?a:a.value)},[d,c]);if(e){return jsxRuntime.jsx(PreviewResponsive$1,{visibility:b,children:a})}if(f){return jsxRuntime.jsx(InlineWrapper,{values:b,children:a})}return jsxRuntime.jsx(Wrapper$1,{values:b,children:a})};var VisibilityComponent=ResponsiveVisibility;const Box=React__default["default"].forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:d,children:jsxRuntime.jsx("div",{...f,ref:b,children:c})})});exports.IconSet=void 0;(function(a){a["All"]="all";a["Antd"]="antd";a["Bootstrap"]="bootstrap";a["Feather"]="feather";a["FontAwesome"]="font-awesome";a["Material"]="material"})(exports.IconSet||(exports.IconSet={}));function getIconComponent(a,b={}){return React__default["default"].createElement(a in antdIcons__namespace?antdIcons__namespace[a]:a in bootstrapIcons__namespace?bootstrapIcons__namespace[a]:a in featureIcons__namespace?featureIcons__namespace[a]:a in fontAwesomeIcons__namespace?fontAwesomeIcons__namespace[a]:a in materialIcons__namespace?materialIcons__namespace[a]:"",b)}function assertUnreachable(a){throw new Error(`Should not reach with ${a}`)}function getIconSet(a){switch(a){case exports.IconSet.Antd:return Object.entries(antdIcons__namespace);case exports.IconSet.Bootstrap:return Object.entries(bootstrapIcons__namespace);case exports.IconSet.Feather:return Object.entries(featureIcons__namespace);case exports.IconSet.FontAwesome:return Object.entries(fontAwesomeIcons__namespace);case exports.IconSet.Material:return Object.entries(materialIcons__namespace);case exports.IconSet.All:return[...Object.entries(antdIcons__namespace),...Object.entries(bootstrapIcons__namespace),...Object.entries(featureIcons__namespace),...Object.entries(fontAwesomeIcons__namespace),...Object.entries(materialIcons__namespace)];default:return assertUnreachable(a)}}const Icon=React__default["default"].forwardRef((a,b)=>{return jsxRuntime.jsx("span",{ref:b,style:{display:"inline-block",...a.style},children:getIconComponent(a.iconName,{color:a.color,size:a.size})})});const Button=React__default["default"].forwardRef((a,b)=>{const{buttonType:c="primary",isPreview:d,responsiveVisibility:e,iconProps:f,...g}=a;const h=React.useMemo(()=>{if(!f){return}return jsxRuntime.jsx(Icon,{...f})},[f]);return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:d,isInline:true,children:jsxRuntime.jsx(antd.Button,{type:c,icon:h,...g,ref:b})})});const Col=React__default["default"].forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:d,children:jsxRuntime.jsx(antd.Col,{...f,ref:b,children:c})})});const Content=React__default["default"].forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:d,children:jsxRuntime.jsx(AntLayout.Content,{...f,prefixCls:"jitera-layout-content",ref:b,children:c})})});const Footer=React__default["default"].forwardRef((a,b)=>{const{children:c,style:d,isPreview:e,responsiveVisibility:f,...g}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:f,isPreview:e,children:jsxRuntime.jsx("footer",{...g,style:d,ref:b,children:c})})});const FormComponent=React__default["default"].forwardRef((a,b)=>{const{children:c,responsiveVisibility:d,isPreview:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:d,isPreview:e,children:jsxRuntime.jsx("div",{...f,ref:b,children:c})})});const Form=FormComponent;const Header=React__default["default"].forwardRef((a,b)=>{const{children:c,style:d,responsiveVisibility:e,isPreview:f,...g}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:f,children:jsxRuntime.jsx(AntLayout.Header,{...g,prefixCls:"jitera-layout-header",style:{width:"100%",...d},ref:b,children:c})})});const Image=React__default["default"].forwardRef((a,b)=>{const{source:c,alt:d="",responsiveVisibility:e,isPreview:f,...g}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:f,children:jsxRuntime.jsx("img",{ref:b,src:c,...g,alt:d})})});exports.TextVariantType=void 0;(function(a){a["Title"]="Title";a["Link"]="Link";a["Text"]="Text";a["Paragraph"]="Paragraph"})(exports.TextVariantType||(exports.TextVariantType={}));const Text=React__default["default"].forwardRef((a,b)=>{const{variant:c=exports.TextVariantType.Text,responsiveVisibility:d,isPreview:e,...f}=a;const g=antd.Typography[c];return jsxRuntime.jsx(VisibilityComponent,{visibility:d,isPreview:e,isInline:true,children:jsxRuntime.jsx(g,{...f,ref:b})})});const isStyleObject=a=>typeof a==="object";const getClasses=(...a)=>a.filter(a=>!isStyleObject(a)).join(" ");const input="mccb30e4f2_input";var styles$3={input};const Input=React__default["default"].forwardRef((c,d)=>{const{style:e={},inputStyle:f={},errorMessage:a,isPasswordField:g,responsiveVisibility:h,isPreview:b,className:i,prefixIconProps:j,suffixIconProps:k,...l}=c;const m=React.useMemo(()=>g?antd.Input.Password:antd.Input,[g]);const n=React.useMemo(()=>{return isStyleObject(f)?{style:f,className:styles$3.input}:{className:getClasses(styles$3.input,f)}},[f]);const o=React.useMemo(()=>{if(!j){return}return jsxRuntime.jsx(Icon,{...j})},[j]);const p=React.useMemo(()=>{if(!k){return}return jsxRuntime.jsx(Icon,{...k})},[k]);return jsxRuntime.jsx(VisibilityComponent,{visibility:h,isPreview:b,children:jsxRuntime.jsxs("div",{style:e,className:getClasses(styles$3.container,i||""),ref:d,children:[jsxRuntime.jsx(m,{...n,disabled:b,prefix:o,suffix:p,...l}),!!a&&jsxRuntime.jsx(Text,{type:"danger",children:a})]})})});const Layout=React__default["default"].forwardRef((a,b)=>{const{children:c,responsiveVisibility:d,isPreview:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:d,isPreview:e,children:jsxRuntime.jsx(AntLayout__default["default"],{...f,prefixCls:"jitera-layout",ref:b,children:c})})});const Menu=React__default["default"].forwardRef((a,c)=>{const{isPreview:b,...d}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:a.responsiveVisibility,isPreview:b,children:jsxRuntime.jsx("div",{ref:c,children:jsxRuntime.jsx(antd.Menu,{disabled:b,...d,prefixCls:"jitera-menu"})})})});const MenuItemWrapper=styled__default["default"].div`
+`;const ResponsiveVisibility=({visibility:c,responsiveVisibility:d,isPreview:e,isInline:f,children:a})=>{const b=React.useMemo(()=>{var a;return(a=d||c||DEFAULT_RESPONSIVE_VISIBILITY)===null||a===void 0?void 0:a.map(a=>typeof a==="string"?a:a.value)},[d,c]);if(e){return jsxRuntime.jsx(PreviewResponsive$1,{visibility:b,children:a})}if(f){return jsxRuntime.jsx(InlineWrapper,{values:b,children:a})}return jsxRuntime.jsx(Wrapper$1,{values:b,children:a})};var VisibilityComponent=ResponsiveVisibility;const Box=React__default["default"].forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:d,children:jsxRuntime.jsx("div",{...f,ref:b,children:c})})});exports.IconSet=void 0;(function(a){a["All"]="all";a["Antd"]="antd";a["Bootstrap"]="bootstrap";a["Feather"]="feather";a["FontAwesome"]="font-awesome";a["Material"]="material"})(exports.IconSet||(exports.IconSet={}));function getIconComponent(a,b={}){return React__default["default"].createElement(a in antdIcons__namespace?antdIcons__namespace[a]:a in bootstrapIcons__namespace?bootstrapIcons__namespace[a]:a in featureIcons__namespace?featureIcons__namespace[a]:a in fontAwesomeIcons__namespace?fontAwesomeIcons__namespace[a]:a in materialIcons__namespace?materialIcons__namespace[a]:"",b)}function assertUnreachable(a){throw new Error(`Should not reach with ${a}`)}function getIconSet(a){switch(a){case exports.IconSet.Antd:return Object.entries(antdIcons__namespace);case exports.IconSet.Bootstrap:return Object.entries(bootstrapIcons__namespace);case exports.IconSet.Feather:return Object.entries(featureIcons__namespace);case exports.IconSet.FontAwesome:return Object.entries(fontAwesomeIcons__namespace);case exports.IconSet.Material:return Object.entries(materialIcons__namespace);case exports.IconSet.All:return[...Object.entries(antdIcons__namespace),...Object.entries(bootstrapIcons__namespace),...Object.entries(featureIcons__namespace),...Object.entries(fontAwesomeIcons__namespace),...Object.entries(materialIcons__namespace)];default:return assertUnreachable(a)}}const Icon=React__default["default"].forwardRef((a,b)=>{return jsxRuntime.jsx("span",{ref:b,style:{display:"inline-block",...a.style},children:getIconComponent(a.iconName,{color:a.color,size:a.size})})});const Button=React__default["default"].forwardRef((a,b)=>{const{buttonType:c="primary",isPreview:d,responsiveVisibility:e,iconProps:f,...g}=a;const h=React.useMemo(()=>{if(!f){return}return jsxRuntime.jsx(Icon,{...f})},[f]);return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:d,isInline:true,children:jsxRuntime.jsx(antd.Button,{type:c,icon:h,...g,ref:b})})});const Col=React__default["default"].forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:d,children:jsxRuntime.jsx(antd.Col,{...f,ref:b,children:c})})});const Content=React__default["default"].forwardRef((a,b)=>{const{children:c,isPreview:d,responsiveVisibility:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:d,children:jsxRuntime.jsx(AntLayout.Content,{...f,prefixCls:"jitera-layout-content",ref:b,children:c})})});const Footer=React__default["default"].forwardRef((a,b)=>{const{children:c,style:d,isPreview:e,responsiveVisibility:f,...g}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:f,isPreview:e,children:jsxRuntime.jsx("footer",{...g,style:d,ref:b,children:c})})});const FormComponent=React__default["default"].forwardRef((a,b)=>{const{children:c,responsiveVisibility:d,isPreview:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:d,isPreview:e,children:jsxRuntime.jsx("div",{...f,ref:b,children:c})})});const Form=FormComponent;const Header=React__default["default"].forwardRef((a,b)=>{const{children:c,style:d,responsiveVisibility:e,isPreview:f,...g}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:f,children:jsxRuntime.jsx(AntLayout.Header,{...g,prefixCls:"jitera-layout-header",style:{width:"100%",...d},ref:b,children:c})})});const Image=React__default["default"].forwardRef((a,b)=>{const{source:c,alt:d="",responsiveVisibility:e,isPreview:f,...g}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:f,children:jsxRuntime.jsx("img",{ref:b,src:c,...g,alt:d})})});exports.TextVariantType=void 0;(function(a){a["Title"]="Title";a["Link"]="Link";a["Text"]="Text";a["Paragraph"]="Paragraph"})(exports.TextVariantType||(exports.TextVariantType={}));const Text=React__default["default"].forwardRef((a,b)=>{const{variant:c=exports.TextVariantType.Text,responsiveVisibility:d,isPreview:e,...f}=a;const g=antd.Typography[c];return jsxRuntime.jsx(VisibilityComponent,{visibility:d,isPreview:e,isInline:true,children:jsxRuntime.jsx(g,{...f,ref:b})})});const isStyleObject=a=>typeof a==="object";const getClasses=(...a)=>a.filter(a=>!isStyleObject(a)).join(" ");const input="mccb30e4f2_input";var styles$3={input};const Input=React__default["default"].forwardRef((c,d)=>{const{style:e={},inputStyle:f={},errorMessage:a,isPasswordField:g,responsiveVisibility:h,isPreview:b,className:i,prefixIconProps:j,suffixIconProps:k,...l}=c;const m=React.useMemo(()=>g?antd.Input.Password:antd.Input,[g]);const n=React.useMemo(()=>{return isStyleObject(f)?{style:f,className:styles$3.input}:{className:getClasses(styles$3.input,f)}},[f]);const o=React.useMemo(()=>{if(!j){return}return jsxRuntime.jsx(Icon,{...j})},[j]);const p=React.useMemo(()=>{if(!k){return}return jsxRuntime.jsx(Icon,{...k})},[k]);return jsxRuntime.jsx(VisibilityComponent,{visibility:h,isPreview:b,children:jsxRuntime.jsxs("div",{style:e,className:getClasses(styles$3.container,i||""),ref:d,children:[jsxRuntime.jsx(m,{...n,disabled:b,prefix:o,suffix:p,...l}),!!a&&jsxRuntime.jsx(Text,{type:"danger",children:a})]})})});const Layout=React__default["default"].forwardRef((a,b)=>{const{children:c,responsiveVisibility:d,isPreview:e,...f}=a;return jsxRuntime.jsx(VisibilityComponent,{visibility:d,isPreview:e,children:jsxRuntime.jsx(AntLayout__default["default"],{...f,prefixCls:"jitera-layout",ref:b,children:c})})});const MenuWrapper=styled__default["default"].div`
+  .jitera-menu-item-disabled,
+  .jitera-menu-submenu-disabled {
+    ${a=>a.isPreview?"color: unset !important; cursor: unset;":""}
+  }
+`;const MenuItemWrapper=styled__default["default"].div`
   display: flex;
   justify-content: center;
   align-items: center;
 `;const MenuItemInner=styled__default["default"].div`
   width: 100%;
-  .jitera-menu-item-disabled,
-  .jitera-menu-submenu-disabled {
-    ${a=>a.isPreview?"color: none;":""}
-  }
 `;const Horizontal=styled__default["default"].div`
   display: flex;
 `;const Vertical=styled__default["default"].div`
@@ -39,7 +40,7 @@
   flex-direction: column;
   align-items: center;
   line-height: 1;
-`;exports.MenuIconPosition=void 0;(function(a){a["Left"]="left";a["Right"]="right";a["Top"]="top";a["Bottom"]="bottom"})(exports.MenuIconPosition||(exports.MenuIconPosition={}));const{Item:AntMenuItem}=antd.Menu;const MenuItem=React__default["default"].forwardRef(({label:a,iconProps:b,iconPosition:c,spaceBetween:d,responsiveVisibility:f,isPreview:e,...g},h)=>{return jsxRuntime.jsx(VisibilityComponent,{visibility:f,isPreview:e,children:jsxRuntime.jsx(MenuItemWrapper,{ref:h,children:jsxRuntime.jsx(MenuItemInner,{isPreview:e,children:jsxRuntime.jsx(AntMenuItem,{...g,children:b&&c&&d?renderTextWithIcon(b,c,d,a):a})})})})});function renderTextWithIcon(a,d,b,c){switch(d){case exports.MenuIconPosition.Left:return jsxRuntime.jsxs(Horizontal,{style:{gap:b},children:[jsxRuntime.jsx(Icon,{...a}),c]});case exports.MenuIconPosition.Right:return jsxRuntime.jsxs(Horizontal,{style:{gap:b},children:[c,jsxRuntime.jsx(Icon,{...a})]});case exports.MenuIconPosition.Top:return jsxRuntime.jsxs(Vertical,{style:{gap:b},children:[jsxRuntime.jsx(Icon,{...a}),c]});case exports.MenuIconPosition.Bottom:return jsxRuntime.jsxs(Vertical,{style:{gap:b},children:[c,jsxRuntime.jsx(Icon,{...a})]});default:return assertUnreachable(d)}}const SubMenu=React__default["default"].forwardRef((a,b)=>{return jsxRuntime.jsx("ul",{ref:b,children:jsxRuntime.jsx(AntSubMenu__default["default"],{...a})})});const PageWrapper=styled__default["default"].div`
+`;const Menu=React__default["default"].forwardRef((b,c)=>{const{isPreview:a,...d}=b;return jsxRuntime.jsx(VisibilityComponent,{visibility:b.responsiveVisibility,isPreview:a,children:jsxRuntime.jsx(MenuWrapper,{isPreview:a,ref:c,children:jsxRuntime.jsx(antd.Menu,{disabled:a,...d,prefixCls:"jitera-menu"})})})});exports.MenuIconPosition=void 0;(function(a){a["Left"]="left";a["Right"]="right";a["Top"]="top";a["Bottom"]="bottom"})(exports.MenuIconPosition||(exports.MenuIconPosition={}));const{Item:AntMenuItem}=antd.Menu;const MenuItem=React__default["default"].forwardRef(({label:a,iconProps:b,iconPosition:c,spaceBetween:d,responsiveVisibility:e,isPreview:f,...g},h)=>{return jsxRuntime.jsx(VisibilityComponent,{visibility:e,isPreview:f,children:jsxRuntime.jsx(MenuItemWrapper,{ref:h,children:jsxRuntime.jsx(MenuItemInner,{children:jsxRuntime.jsx(AntMenuItem,{...g,children:b&&c&&d?renderTextWithIcon(b,c,d,a):a})})})})});function renderTextWithIcon(a,d,b,c){switch(d){case exports.MenuIconPosition.Left:return jsxRuntime.jsxs(Horizontal,{style:{gap:b},children:[jsxRuntime.jsx(Icon,{...a}),c]});case exports.MenuIconPosition.Right:return jsxRuntime.jsxs(Horizontal,{style:{gap:b},children:[c,jsxRuntime.jsx(Icon,{...a})]});case exports.MenuIconPosition.Top:return jsxRuntime.jsxs(Vertical,{style:{gap:b},children:[jsxRuntime.jsx(Icon,{...a}),c]});case exports.MenuIconPosition.Bottom:return jsxRuntime.jsxs(Vertical,{style:{gap:b},children:[c,jsxRuntime.jsx(Icon,{...a})]});default:return assertUnreachable(d)}}const SubMenu=React__default["default"].forwardRef((a,b)=>{return jsxRuntime.jsx("ul",{ref:b,children:jsxRuntime.jsx(AntSubMenu__default["default"],{...a})})});const PageWrapper=styled__default["default"].div`
   width: 100%;
   ${a=>`min-height: ${a.minHeight};`}
   background-color: #fff;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jitera/jitera-web-ui-library",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "description": "atoms and component for web project",
   "sideEffects": [
     "*.css"