@zealicsolutions/web-ui 1.0.118 → 1.0.120

package/dist/esm/molecules/EmailInputField/EmailInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailInputField.js","sources":["../../../../../src/molecules/EmailInputField/EmailInputField.tsx"],"sourcesContent":[null],"names":["EmailTextField","_a","masked","errorMsg","inputSx","labelSx","props","__rest","_jsx","MuiTextField","__assign","variant","error","helperText","type","slotProps","input","sx","inputComponent","EmailTextMask","inputLabel","EmailInputField","_c","isDisplayOnly","_d","required","_e","requiredErrorText","_f","validationErrorText","text","placeholderText","_g","_h","multiLine","backgroundColor","borderColor","_j","color","_k","fontSize","_l","fontFamily","_m","fontWeight","_o","textAlign","_p","marginLeft","_q","marginTop","_r","marginRight","_s","marginBottom","_t","paddingLeft","_u","paddingTop","_v","paddingRight","_w","paddingBottom","width","height","minHeight","maxHeight","minWidth","maxWidth","name","sourceDataModelField","configurationItemInfo","formContext","useFormContext","control","isInFormContext","localStateObject","useOrganismContext","stateConfig","useStateContext","containerRuntime","useContainerRuntime","stateObject","dataModelFieldValue","_b","value","undefined","containerScopedValue","getDmfValue","_x","useState","_y","standaloneValue","setStandaloneValue","rules","pattern","message","finalText","String","watch","_jsxs","style","display","flexDirection","children","FormHelperText","Typography","border","concat","borderRadius","minRows","rootSx","Controller","defaultValue","render","field","fieldState","label","placeholder","multiline","onChange","e","target"],"mappings":"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"}
+{"version":3,"file":"EmailInputField.js","sources":["../../../../../src/molecules/EmailInputField/EmailInputField.tsx"],"sourcesContent":[null],"names":["EmailTextField","_a","masked","errorMsg","inputSx","labelSx","textFieldSx","sx","props","__rest","maskProps","inputComponent","EmailTextMask","_jsx","MuiTextField","__assign","variant","error","helperText","type","slotProps","input","inputLabel","EmailInputField","_c","isDisplayOnly","_d","required","_e","requiredErrorText","_f","validationErrorText","text","placeholderText","_g","_h","multiLine","backgroundColor","borderColor","_j","color","_k","fontSize","_l","fontFamily","_m","fontWeight","_o","textAlign","_p","marginLeft","_q","marginTop","_r","marginRight","_s","marginBottom","_t","paddingLeft","_u","paddingTop","_v","paddingRight","_w","paddingBottom","width","height","minHeight","maxHeight","minWidth","maxWidth","name","sourceDataModelField","configurationItemInfo","formContext","useFormContext","control","isInFormContext","localStateObject","useOrganismContext","stateConfig","useStateContext","containerRuntime","useContainerRuntime","stateObject","dataModelFieldValue","_b","value","undefined","containerScopedValue","getDmfValue","_x","useState","_y","standaloneValue","setStandaloneValue","rules","pattern","message","finalText","String","watch","_jsxs","style","display","flexDirection","children","FormHelperText","Typography","border","concat","borderRadius","minRows","rootSx","Controller","defaultValue","render","field","fieldState","label","placeholder","multiline","onChange","e","target"],"mappings":"q06GAmCA,IAAMA,EAAgD,SAACC,GACrD,IAAAC,EAAMD,EAAAC,OACNC,EAAQF,EAAAE,SACRC,EAAOH,EAAAG,QACPC,EAAOJ,EAAAI,QACHC,EAAWL,EAAAM,GACZC,EAAKC,EAAAR,EAN6C,gDAQ/CS,EAAYR,EACd,CAAES,eAAgBC,GAClB,GAEJ,OACEC,EAACC,EAAYC,EAAA,CAAA,EACPP,EAAK,CACTQ,QAAQ,WACRC,QAASd,EACTe,WAAYf,GAAY,KACxBgB,KAAK,OACLZ,GAAEQ,EAAA,CAAA,EAEGT,GAELc,UAAW,CACTC,MAAKN,EAAA,CACHR,GAEKQ,EAAAA,EAAA,CAAA,EAAAX,GAEAE,IAEFI,GAELY,WAAY,CACVf,GAEKQ,EAAAA,EAAA,CAAA,EAAAV,GAEAC,OAMf,EAyDaiB,EAAkD,SAACtB,SAC9DuB,EAAAvB,EAAAwB,cAAAA,OAAa,IAAAD,GAAQA,EACrBE,aAAAC,OAAW,IAAAD,KACXE,EAAA3B,EAAA4B,kBAAAA,OAAiB,IAAAD,EAAG,oBAAmBA,EACvCE,EAA6C7B,EAAA8B,oBAA7CA,OAAsB,IAAAD,EAAA,0BAEtBE,SACAC,EAAehC,EAAAgC,gBACfC,WAAAhC,cAAcgC,EACdC,EAAiBlC,EAAAmC,UAAjBA,OAAS,IAAAD,GAAQA,EAEjBE,EAAepC,EAAAoC,gBACfC,EAAWrC,EAAAqC,YACXC,EAAiBtC,EAAAuC,MAAjBA,OAAQ,IAAAD,EAAA,YACRE,EAAAxC,EAAAyC,SAAAA,OAAQ,IAAAD,EAAG,OAAMA,EACjBE,EAAsB1C,EAAA2C,WAAtBA,OAAa,IAAAD,EAAA,YACbE,EAAA5C,EAAA6C,WAAAA,aAAa,SAAQD,EACrBE,EAAkB9C,EAAA+C,UAAlBA,OAAY,IAAAD,EAAA,OAAMA,EAElBE,eAAAC,aAAa,IAAGD,EAChBE,EAAelD,EAAAmD,UAAfA,OAAS,IAAAD,EAAG,IAAGA,EACfE,gBAAAC,aAAc,IAAGD,EACjBE,EAAAtD,EAAAuD,aAAAA,OAAY,IAAAD,EAAG,IAAGA,EAClBE,gBAAAC,OAAc,IAAAD,EAAA,MACdE,EAAA1D,EAAA2D,WAAAA,OAAU,IAAAD,EAAG,IAAGA,EAChBE,EAAkB5D,EAAA6D,aAAlBA,OAAe,IAAAD,EAAA,MACfE,GAAA9D,EAAA+D,cAAAA,QAAa,IAAAD,GAAG,IAAGA,GACnBE,GAAKhE,EAAAgE,MACLC,GAAMjE,EAAAiE,OACNC,GAASlE,EAAAkE,UACTC,eACAC,cACAC,cAEA/D,GAAEN,EAAAM,GAEFgE,GAAItE,EAAAsE,KACJC,GAAoBvE,EAAAuE,qBACpBC,GAAqBxE,EAAAwE,sBAGfC,GAAcC,IACdC,GAAUF,cAAA,EAAAA,GAAaE,QACvBC,MAAqBD,KAAWL,IAE9BO,GAAqBC,qBACrBC,GAAgBC,gBAClBC,GAAmBC,IAEnBC,GAAcN,IAAoBE,GAElCK,GAAsBb,GACoD,QAA3Ec,EAAAF,cAAA,EAAAA,GAAsDZ,WAAqB,IAAAc,OAAA,EAAAA,EAAEC,WAC9EC,EAGEC,GAAuBjB,GACzBU,cAAgB,EAAhBA,GAAkBQ,YAAYlB,SAC9BgB,EAGEG,GAAgCC,EAAS,IAA7BD,GAAA,GAAgBA,GAAA,GAG5B,IAAAE,GAAwCD,EAAS,IAAhDE,GAAeD,GAAA,GAAEE,GAAkBF,GAAA,GAGpCG,GAGF,CACFrE,WAAUA,GAAWE,EACrBoE,QAAS,CAEPV,MACE,oHACFW,QAASnE,IAKb,GAAIN,EAAe,CACjB,IAQM0E,SAPuBX,IAAzBC,GACOW,OAAOX,SAAAA,GAAwB,IAC/BZ,GACAH,GAAY2B,MAAM9B,KAAS,GAE1Bc,IAAkC,KAElBpD,GAAmB,IAG/C,OACEqE,EAAA,MAAAvF,EAAA,CACEwF,MAAKxF,EAAAA,EAAAA,EAAA,CACHyF,QAAS,cACTC,cAAe,SACfvD,aACAE,UAASA,EACTE,YAAWA,EACXE,gBACIS,IAAS,CAAEA,MAAKA,KAChBC,IAAU,CAAEA,OAAMA,MACtBC,UAASA,GACTC,aACAC,SAAQA,GACRC,SAAQA,MAENG,GAAqB,CAAAiC,SAAA,CAGxB1E,GACCnB,EAAC8F,EACC5F,EAAA,CAAAR,GACEQ,EAAA,CAAA2B,WACAE,WAAUA,EACVE,WAAUA,EACVN,MAAKA,EACLU,WAAY,EACZM,aAAc,OAEXjD,KAGJ,CAAAmG,SAAA1E,KAILnB,EAAC+F,EACC7F,EAAA,CAAAR,GACEQ,EAAA,CAAA2B,SAAQA,EACRE,WAAUA,EACVE,WAAUA,EACVN,MAAKA,EACLkB,cACAE,WAAUA,EACVE,aAAYA,EACZE,iBACA3B,gBAAeA,EACfwE,OAAQ,aAAAC,OAAaxE,GAAe,QACpCyE,aAAc,MACd1C,SAAU,QACVrB,UAASA,GAENzC,KAGJ,CAAAmG,SAAAP,SAIR,CAID,IAAM/F,GAAOW,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACXsB,gBAAeA,EACfG,MAAKA,EACLE,WACAE,WAAUA,EACVE,WAAUA,GACNmB,IAAS,CAAEA,MAAKA,KAChBC,IAAU,CAAEA,OAAMA,KAClBG,IAAY,CAAEA,SAAQA,KACtBC,IAAY,CAAEA,SAAQA,KACtBH,IAAa,CAAEA,UAASA,KACxBC,IAAa,CAAEA,UAASA,KAAG,CAC/B,qCAAsC,CACpC9B,YAAaA,GAAe,WAE9B,2CAA4C,CAC1CA,YAAaA,GAAe,WAE9B,iDAAkD,CAChDA,YAAaA,GAAe,WAG9B,yEAA0E,CACxEA,YAAaA,GAAe,WAE9B,+EAAgF,CAC9EA,YAAaA,GAAe,WAE9B,4BAA6B,CAC3BU,UAASA,EACTU,YAAWA,EACXE,WAAUA,EACVE,aAAYA,EACZE,cAAaA,MAIX3D,GAA0B,CAC9BmC,MAAKA,EACL,gBAAiB,CACfA,MAAKA,IAIHwE,GAAU5E,EAAY,EAAI,EAG1B6E,GACDlG,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAACkD,IAAS,CAAEA,MAAKA,KAChBC,IAAU,CAAEA,OAAMA,KAClBG,IAAY,CAAEA,SAAQA,KACtBC,IAAY,CAAEA,SAAQA,KACtBH,IAAa,CAAEA,eACfC,IAAa,CAAEA,UAASA,KAI9B,OAEIvD,WACE0F,MAAKxF,EAAAA,EAAAA,EAAA,CACHmC,WAAUA,EACVE,UAASA,EACTE,YAAWA,EACXE,aAAYA,GACRS,IAAS,CAAEA,MAAKA,KAChBC,IAAU,CAAEA,OAAMA,KACtB,CAAAC,aACAC,aACAC,YACAC,SAAQA,KAEV/D,GAAEQ,EAAA,CAEA,uBAAwB,CACtBkD,MAAOA,IAAS,OAChBC,OAAMA,GACNC,UAASA,GACTC,UAASA,GACTC,SAAQA,GACRC,SAAQA,KAEP/D,KAzBPsE,GA4BE,CAAA6B,SAAA7F,EAACqG,EAAU,CACT3C,KAAMA,GACNyB,MAAOA,GACPpB,QAASA,GACTuC,aAAa,GACbC,OAAQ,SAACnH,SAAEoH,EAAKpH,EAAAoH,MAAEC,EAAUrH,EAAAqH,WAAO,OACjCzG,EAACb,EAAce,EAAA,CACbb,OAAQA,EACRyB,SAAUA,EACVxB,SAA0B,UAAhBmH,EAAWrG,aAAK,IAAAqE,OAAA,EAAAA,EAAEY,QAC5B9F,QAASA,GACTC,QAASA,GACTE,GAAEQ,EAAAA,EAAA,CAAA,EACGkG,IAEA1G,IAELgH,MAAOvF,EACPwF,YAAavF,EACbwF,UAAWrF,EACX4E,QAASA,GACTzB,MAAO8B,EAAM9B,OAAS,GACtBmC,SAAUL,EAAMK,UACXjD,IAAyB,CAAA,QAmCtC,CAAAiC,SAAA7F,EAACb,EAAce,EAAA,CACbb,OAAQA,EACRyB,SAAUA,EACVxB,cAAUqF,EACVpF,QAASA,GACTC,QAASA,GACTE,GACKQ,EAAAA,EAAA,CAAA,EAAAkG,IAEA1G,IAELgH,MAAOvF,EACPwF,YAAavF,EACbwF,UAAWrF,EACX4E,QAASA,GACTzB,MAAOO,GACP4B,SAAU,SAACC,GAA2C,OAAA5B,GAAmB4B,EAAEC,OAAOrC,SAC7Ed,IAAyB,CAAA,MAItC"}

package/dist/esm/molecules/EmailInputField/EmailInputField.stories.d.ts

@@ -1,9 +1,20 @@
-import { EmailInputFieldProps } from './EmailInputField';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-type StoryProps = EmailInputFieldProps & {
-    sourceDataModelFieldValue?: string;
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { BaseMolecule } from '../BaseMolecule';
+type Story = StoryObj<typeof BaseMolecule>;
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("../BaseMolecule").BaseMoleculeProps>;
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: any) => import("@emotion/react/jsx-runtime").JSX.Element)[];
 };
-export declare const Editable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryProps>;
-export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryProps>;
-export declare const Standalone: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default _default;
+export declare const EmailInputFieldExamples: Story;
+export declare const BasicEditableEmailField: Story;
+export declare const DisplayOnlyEmailField: Story;
+export declare const MaskedEmailInput: Story;
+export declare const MultilineEmailField: Story;
+export declare const CompactEmailField: Story;
+export declare const ProfessionalBusinessEmailField: Story;

package/dist/esm/molecules/Image/Image.d.ts

@@ -1,3 +1,4 @@
+import { SxProps, Theme } from '@mui/material/styles';
 import { ConfigurationItemInfo, MetadataType } from 'containers';
 import { FC } from 'react';
 export interface ImageProps {
@@ -27,6 +28,7 @@ export interface ImageProps {
     paddingBottom?: string;
     paddingLeft?: string;
     borderRadius?: string | number;
+    sx?: SxProps<Theme>;
 }
 export declare const Image: FC<ImageProps & {
     properties?: {

package/dist/esm/molecules/Image/Image.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as i,__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import e from"../../node_modules/@emotion/styled/dist/emotion-styled.esm.js";import{useStateModifierHandler as n}from"../../containers/hooks/useStateModifierHandler.js";import d from"../../node_modules/@mui/material/esm/styles/useTheme.js";var a,r=function(i){var e,a,r=i.src,s=i.alt,g=void 0===s?"image":s,l=i.height,h=void 0===l?"auto":l,u=i.width,p=void 0===u?"100%":u,v=i.minHeight,c=i.maxHeight,f=i.minWidth,w=i.maxWidth,x=i.autoSize,b=void 0!==x&&x;i.rounded;var j=i.raised,y=void 0!==j&&j,k=i.moleculeId,R=i.configurationItemInfo,H=i.onClick,S=i.marginTop,T=void 0===S?"0":S,B=i.marginRight,L=void 0===B?"0":B,W=i.marginBottom,_=void 0===W?"0":W,C=i.marginLeft,I=void 0===C?"0":C,M=i.paddingTop,P=void 0===M?"0":M,z=i.paddingRight,F=void 0===z?"0":z,q=i.paddingBottom,A=void 0===q?"0":q,D=i.paddingLeft,E=void 0===D?"0":D,G=i.borderRadius,J=void 0===G?"0":G,K=i.properties,N=r||(null===(e=null==K?void 0:K.image)||void 0===e?void 0:e.imageSource)||"",O=null===(a=null==K?void 0:K.image)||void 0===a?void 0:a.imageFile,Q=N||(null==O?void 0:O.url)||(null==O?void 0:O.id)||"",U=d(),V=n().onStateChange,X=b?{width:"100%",height:"auto"}:{width:p,height:h};return t(m,o({onClick:function(){null==H||H(),V({id:k,type:"clicked"})},src:Q,alt:g,width:X.width,height:X.height,style:{cursor:!!H?"pointer":"auto",boxShadow:y?U.shadows[3]:"none",borderRadius:J,marginTop:T,marginRight:L,marginBottom:_,marginLeft:I,paddingTop:P,paddingRight:F,paddingBottom:A,paddingLeft:E,minHeight:v,maxHeight:c,minWidth:f,maxWidth:w},id:k},R))},m=e.img(a||(a=i(["\n  height: ",";\n  width: ",";\n  object-fit: cover; /* Predefined optimal value for responsive images */\n  aspect-ratio: auto; /* Maintains original image proportions */\n  display: block;\n  max-width: 100%;\n"],["\n  height: ",";\n  width: ",";\n  object-fit: cover; /* Predefined optimal value for responsive images */\n  aspect-ratio: auto; /* Maintains original image proportions */\n  display: block;\n  max-width: 100%;\n"])),function(i){return i.height},function(i){return i.width});export{r as Image};
+import{__makeTemplateObject as i,__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{css as e}from"../../node_modules/@emotion/react/dist/emotion-react.esm.js";import n from"../../node_modules/@emotion/styled/dist/emotion-styled.esm.js";import{useStateModifierHandler as d}from"../../containers/hooks/useStateModifierHandler.js";import r from"../../node_modules/@mui/material/esm/styles/useTheme.js";var a,m=function(i){var e,n,a=i.src,m=i.alt,l=void 0===m?"image":m,g=i.height,h=void 0===g?"auto":g,u=i.width,p=void 0===u?"100%":u,v=i.minHeight,c=i.maxHeight,f=i.minWidth,x=i.maxWidth,w=i.autoSize,y=void 0!==w&&w;i.rounded;var j=i.raised,b=void 0!==j&&j,k=i.moleculeId,R=i.configurationItemInfo,H=i.onClick,S=i.marginTop,T=void 0===S?"0":S,_=i.marginRight,B=void 0===_?"0":_,L=i.marginBottom,W=void 0===L?"0":L,C=i.marginLeft,I=void 0===C?"0":C,M=i.paddingTop,A=void 0===M?"0":M,P=i.paddingRight,z=void 0===P?"0":P,F=i.paddingBottom,q=void 0===F?"0":F,D=i.paddingLeft,E=void 0===D?"0":D,G=i.borderRadius,J=void 0===G?"0":G,K=i.sx,N=i.properties,O=a||(null===(e=null==N?void 0:N.image)||void 0===e?void 0:e.imageSource)||"",Q=null===(n=null==N?void 0:N.image)||void 0===n?void 0:n.imageFile,U=O||(null==Q?void 0:Q.url)||(null==Q?void 0:Q.id)||"",V=r(),X=d().onStateChange,Y=y?{width:"100%",height:"auto"}:{width:p,height:h},Z=Y.width,$=Y.height,ii={cursor:!!H?"pointer":"auto",boxShadow:b?V.shadows[3]:"none",borderRadius:J,marginTop:T,marginRight:B,marginBottom:W,marginLeft:I,paddingTop:A,paddingRight:z,paddingBottom:q,paddingLeft:E,minHeight:v,maxHeight:c,minWidth:f,maxWidth:x};return t("div",o({style:ii,onClick:function(){null==H||H(),X({id:k,type:"clicked"})},id:k},R,{children:t(s,{src:U,alt:l,width:Z,height:$,sx:K})}))},s=n.img(a||(a=i(["\n  height: ",";\n  width: ",";\n  object-fit: cover; /* Predefined optimal value for responsive images */\n  aspect-ratio: auto; /* Maintains original image proportions */\n  display: block;\n  max-width: 100%;\n\n  /* Apply sx styles from config */\n  ","\n"],["\n  height: ",";\n  width: ",";\n  object-fit: cover; /* Predefined optimal value for responsive images */\n  aspect-ratio: auto; /* Maintains original image proportions */\n  display: block;\n  max-width: 100%;\n\n  /* Apply sx styles from config */\n  ","\n"])),function(i){return i.height},function(i){return i.width},function(i){var o=i.sx;return o&&e(o)});export{m as Image};
 //# sourceMappingURL=Image.js.map

package/dist/esm/molecules/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../../../src/molecules/Image/Image.tsx"],"sourcesContent":[null],"names":["Image","_a","src","_d","alt","_e","height","_f","width","minHeight","maxHeight","minWidth","maxWidth","_g","autoSize","rounded","_j","raised","moleculeId","configurationItemInfo","onClick","_k","marginTop","_l","marginRight","_m","marginBottom","_o","marginLeft","_p","paddingTop","_q","paddingRight","_r","paddingBottom","_s","paddingLeft","_t","borderRadius","properties","imageSource","_b","image","imageFile","_c","finalSrc","url","id","theme","useTheme","onStateChange","useStateModifierHandler","_u","_jsx","Img","__assign","type","style","cursor","boxShadow","shadows","styled","img","templateObject_1","__makeTemplateObject"],"mappings":"qbAmCO,MAAMA,EAA2D,SAACC,WACvEC,EAAGD,EAAAC,IACHC,EAAaF,EAAAG,IAAbA,OAAG,IAAAD,EAAG,QAAOA,EACbE,EAAAJ,EAAAK,OAAAA,OAAS,IAAAD,EAAA,OAAMA,EACfE,EAAcN,EAAAO,MAAdA,OAAK,IAAAD,EAAG,OAAMA,EACdE,EAASR,EAAAQ,UACTC,EAAST,EAAAS,UACTC,EAAQV,EAAAU,SACRC,EAAQX,EAAAW,SACRC,EAAgBZ,EAAAa,SAAhBA,OAAQ,IAAAD,GAAQA,EAChBZ,EAAAc,QACA,IAAAC,EAAcf,EAAAgB,OAAdA,OAAM,IAAAD,GAAQA,EACdE,EAAUjB,EAAAiB,WACVC,EAAqBlB,EAAAkB,sBACrBC,EAAOnB,EAAAmB,QACPC,EAAApB,EAAAqB,UAAAA,OAAY,IAAAD,EAAA,IAAGA,EACfE,EAAiBtB,EAAAuB,YAAjBA,OAAW,IAAAD,EAAG,IAAGA,EACjBE,EAAAxB,EAAAyB,aAAAA,OAAe,IAAAD,EAAA,IAAGA,EAClBE,EAAgB1B,EAAA2B,WAAhBA,OAAU,IAAAD,EAAG,IAAGA,EAChBE,EAAA5B,EAAA6B,WAAAA,OAAU,IAAAD,EAAG,IAAGA,EAChBE,EAAA9B,EAAA+B,aAAAA,OAAe,IAAAD,EAAA,IAAGA,EAClBE,EAAmBhC,EAAAiC,cAAnBA,OAAa,IAAAD,EAAG,IAAGA,EACnBE,EAAiBlC,EAAAmC,YAAjBA,OAAW,IAAAD,EAAG,IAAGA,EACjBE,EAAApC,EAAAqC,aAAAA,OAAe,IAAAD,EAAA,IAAGA,EAClBE,EAAUtC,EAAAsC,WAGJC,EAActC,IAAwB,QAAjBuC,EAAAF,aAAA,EAAAA,EAAYG,aAAK,IAAAD,OAAA,EAAAA,EAAED,cAAe,GACvDG,EAA+B,QAAnBC,EAAAL,aAAA,EAAAA,EAAYG,aAAO,IAAAE,OAAA,EAAAA,EAAAD,UAC/BE,EAAWL,IAAeG,aAAA,EAAAA,EAAWG,OAAOH,aAAA,EAAAA,EAAWI,KAAM,GAC7DC,EAAQC,IAGNC,EAAkBC,kBA2BpBC,EAhBAtC,EAGK,CACLN,MAAO,OACPF,OAAQ,QAKL,CACLE,MAAKA,EACLF,OAAMA,GAMV,OACE+C,EAACC,EACCC,EAAA,CAAAnC,QA7BiB,WACnBA,SAAAA,IACA8B,EAAc,CAAEH,GAAI7B,EAAYsC,KAAM,WACxC,EA2BItD,IAAK2C,EACLzC,IAAKA,EACLI,MAPqB4C,EAAA5C,MAQrBF,OAR0C8C,EAAA9C,OAS1CmD,MAAO,CACLC,SA9BgBtC,EA8BM,UAAY,OAClCuC,UAAW1C,EAAS+B,EAAMY,QAAQ,GAAK,OACvCtB,aAAYA,EACZhB,UAASA,EACTE,YAAWA,EACXE,aAAYA,EACZE,WAAUA,EACVE,WAAUA,EACVE,aAAYA,EACZE,cAAaA,EACbE,YAAWA,EACX3B,UAASA,EACTC,UAASA,EACTC,SAAQA,EACRC,SAAQA,GAEVmC,GAAI7B,GACAC,GAGV,EAEMmC,EAAMO,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,eAAA,eAAA,2LAAA,CAAsC,eAC1B,eACH,6LADnB,SAAC/D,GAAe,OAAPA,EAAAK,MAAO,EACjB,SAACL,GAAc,OAAPA,EAAAO,KAAO"}
+{"version":3,"file":"Image.js","sources":["../../../../../src/molecules/Image/Image.tsx"],"sourcesContent":[null],"names":["Image","_a","src","_d","alt","_e","height","_f","width","minHeight","maxHeight","minWidth","maxWidth","_g","autoSize","rounded","_j","raised","moleculeId","configurationItemInfo","onClick","_k","marginTop","_l","marginRight","_m","marginBottom","_o","marginLeft","_p","paddingTop","_q","paddingRight","_r","paddingBottom","_s","paddingLeft","_t","borderRadius","sx","properties","imageSource","_b","image","imageFile","_c","finalSrc","url","id","theme","useTheme","onStateChange","useStateModifierHandler","_u","finalWidth","finalHeight","wrapperStyle","cursor","boxShadow","shadows","_jsx","__assign","style","type","children","Img","styled","img","templateObject_1","__makeTemplateObject","css"],"mappings":"ugBAqCO,MAAMA,EAA2D,SAACC,WACvEC,EAAGD,EAAAC,IACHC,EAAaF,EAAAG,IAAbA,OAAG,IAAAD,EAAG,QAAOA,EACbE,EAAAJ,EAAAK,OAAAA,aAAS,OAAMD,EACfE,EAAAN,EAAAO,MAAAA,OAAQ,IAAAD,EAAA,OAAMA,EACdE,EAASR,EAAAQ,UACTC,EAAST,EAAAS,UACTC,EAAQV,EAAAU,SACRC,EAAQX,EAAAW,SACRC,EAAAZ,EAAAa,SAAAA,OAAW,IAAAD,GAAKA,EACDZ,EAAAc,QAAA,IACfC,EAAcf,EAAAgB,OAAdA,OAAM,IAAAD,GAAQA,EACdE,EAAUjB,EAAAiB,WACVC,EAAqBlB,EAAAkB,sBACrBC,YACAC,EAAApB,EAAAqB,UAAAA,OAAY,IAAAD,EAAA,IAAGA,EACfE,EAAiBtB,EAAAuB,YAAjBA,OAAW,IAAAD,EAAG,IAAGA,EACjBE,EAAAxB,EAAAyB,aAAAA,OAAY,IAAAD,EAAG,IAAGA,EAClBE,EAAA1B,EAAA2B,WAAAA,OAAa,IAAAD,EAAA,IAAGA,EAChBE,EAAgB5B,EAAA6B,WAAhBA,OAAU,IAAAD,EAAG,IAAGA,EAChBE,EAAkB9B,EAAA+B,aAAlBA,OAAY,IAAAD,EAAG,IAAGA,EAClBE,EAAAhC,EAAAiC,cAAAA,OAAgB,IAAAD,EAAA,IAAGA,EACnBE,gBAAAC,OAAc,IAAAD,EAAA,IAAGA,EACjBE,EAAkBpC,EAAAqC,aAAlBA,OAAY,IAAAD,EAAG,IAAGA,EAClBE,EAAEtC,EAAAsC,GACFC,EAAUvC,EAAAuC,WAGJC,EAAcvC,IAAwB,QAAjBwC,EAAAF,aAAA,EAAAA,EAAYG,aAAK,IAAAD,OAAA,EAAAA,EAAED,cAAe,GACvDG,EAA+B,QAAnBC,EAAAL,aAAA,EAAAA,EAAYG,aAAO,IAAAE,OAAA,EAAAA,EAAAD,UAC/BE,EAAWL,IAAeG,aAAA,EAAAA,EAAWG,OAAOH,aAAA,EAAAA,EAAWI,KAAM,GAC7DC,EAAQC,IAGNC,EAAkBC,kBA2BpBC,EAhBAvC,EAGK,CACLN,MAAO,OACPF,OAAQ,QAKL,CACLE,MAAKA,EACLF,OAAMA,GAIKgD,EAAUD,EAAA7C,MAAU+C,EAAWF,EAAA/C,OAGxCkD,GAAoC,CACxCC,SAxBoBrC,EAwBE,UAAY,OAClCsC,UAAWzC,EAASgC,EAAMU,QAAQ,GAAK,OACvCrB,aAAYA,EACZhB,UAASA,EACTE,YAAWA,EACXE,aAAYA,EACZE,WAAUA,EACVE,WAAUA,EACVE,aAAYA,EACZE,cAAaA,EACbE,YAAWA,EACX3B,UAASA,EACTC,UAASA,EACTC,SAAQA,EACRC,SAAQA,GAGV,OACEgD,EAAK,MAAAC,EAAA,CAAAC,MAAON,GAAcpC,QA/CP,WACnBA,SAAAA,IACA+B,EAAc,CAAEH,GAAI9B,EAAY6C,KAAM,WACxC,EA4CmDf,GAAI9B,GAAgBC,EACnE,CAAA6C,SAAAJ,EAACK,EAAI,CAAA/D,IAAK4C,EAAU1C,IAAKA,EAAKI,MAAO8C,EAAYhD,OAAQiD,EAAahB,GAAIA,MAGhF,EAEM0B,EAAMC,EAAOC,IAAgDC,IAAAA,EAAAC,EAAA,CAAA,eAAA,eAAA,mOAAA,MAAA,CAAA,eACjC,eACH,mOAOF,QARjB,SAACpE,GAAe,OAAPA,EAAAK,MAAO,EACjB,SAACL,GAAc,OAAPA,EAAAO,KAAO,EAOtB,SAACP,GAAE,IAAAsC,EAAEtC,EAAAsC,GAAO,OAAAA,GAAM+B,EAAI/B,EAAV"}

package/dist/esm/molecules/Image/Image.stories.d.ts

@@ -1,12 +1,19 @@
 /// <reference types="react" />
-import { ImageProps } from './Image';
+import type { StoryObj } from '@storybook/react';
+import { BaseMolecule } from '../BaseMolecule';
+type Story = StoryObj<typeof BaseMolecule>;
 declare const _default: {
     title: string;
-    component: import("react").FC<ImageProps & {
-        properties?: {
-            image?: any;
-        } | undefined;
-    }>;
+    component: import("react").FC<import("../BaseMolecule").BaseMoleculeProps>;
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: any) => import("@emotion/react/jsx-runtime").JSX.Element)[];
 };
 export default _default;
-export declare const DefaultImage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ImageProps>;
+export declare const ImageExamples: Story;
+export declare const BasicImage: Story;
+export declare const RoundedElevatedImage: Story;
+export declare const ClickableLinkImage: Story;
+export declare const ResponsiveAutoImage: Story;
+export declare const StyledRichImage: Story;

package/dist/esm/molecules/Link/Link.d.ts

@@ -1,4 +1,4 @@
-import { TypographyProps } from '@mui/material';
+import { SxProps, Theme, TypographyProps } from '@mui/material';
 import { ConfigurationItemInfo, LinkProperties, MetadataType } from 'containers';
 import { FC } from 'react';
 export type LinkTypes = 'internalLink' | 'internal_link' | 'externalLink' | 'external_link';
@@ -30,5 +30,6 @@ export interface LinkProps {
     fontSize?: string;
     align?: TypographyProps['align'];
     target?: '_self' | '_blank' | '_parent' | '_top';
+    sx?: SxProps<Theme>;
 }
 export declare const Link: FC<LinkProps>;