@zealicsolutions/web-ui 1.0.80-beta.14 → 1.0.80-beta.5
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.
- package/dist/cjs/contexts/LayoutContext/LayoutContext.d.ts +0 -1
- package/dist/cjs/contexts/LayoutContext/LayoutContextProvider.d.ts +0 -1
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/Drawer/Drawer.stories.d.ts +0 -1
- package/dist/cjs/molecules/Drawer/styles.d.ts +47 -8
- package/dist/esm/contexts/LayoutContext/LayoutContext.d.ts +0 -1
- package/dist/esm/contexts/LayoutContext/LayoutContext.js +1 -1
- package/dist/esm/contexts/LayoutContext/LayoutContext.js.map +1 -1
- package/dist/esm/contexts/LayoutContext/LayoutContextProvider.d.ts +0 -1
- package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js +1 -1
- package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js.map +1 -1
- package/dist/esm/molecules/Accordion/Accordion.js +1 -1
- package/dist/esm/molecules/Avatar/Avatar.js +1 -1
- package/dist/esm/molecules/Divider/Divider.js +1 -1
- package/dist/esm/molecules/Divider/Divider.js.map +1 -1
- package/dist/esm/molecules/Drawer/Drawer.js +1 -1
- package/dist/esm/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/esm/molecules/Drawer/Drawer.stories.d.ts +0 -1
- package/dist/esm/molecules/Drawer/styles.d.ts +47 -8
- package/dist/esm/molecules/Drawer/styles.js +1 -1
- package/dist/esm/molecules/Drawer/styles.js.map +1 -1
- package/dist/esm/molecules/Menu/Menu.js +1 -1
- package/dist/esm/molecules/PasswordSetup/PasswordSetup.js +1 -1
- package/dist/esm/molecules/Stepper/Stepper.js +1 -1
- package/dist/index.d.ts +0 -2
- package/package.json +1 -1
@@ -17,4 +17,3 @@ export declare const TemporaryDrawer: import("@storybook/types").AnnotatedStoryF
|
|
17
17
|
export declare const EnhancedCloseIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
|
18
18
|
export declare const ConfigurationMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
|
19
19
|
export declare const Playground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
|
20
|
-
export declare const ConfigurationModeWithButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
|
@@ -35,14 +35,27 @@ export declare const BaseDrawer: import("@emotion/styled").StyledComponent<Drawe
|
|
35
35
|
marginLeft?: string | undefined;
|
36
36
|
positionType?: "absolute" | "normal" | undefined;
|
37
37
|
}, {}, {}>;
|
38
|
-
export declare
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
38
|
+
export declare type IconWrapperProps = {
|
39
|
+
top?: string | number;
|
40
|
+
left?: string | number;
|
41
|
+
right?: string | number;
|
42
|
+
bottom?: string | number;
|
43
|
+
elevation?: number;
|
44
|
+
borderRadiusTopLeft?: string | number;
|
45
|
+
borderRadiusTopRight?: string | number;
|
46
|
+
borderRadiusBottomLeft?: string | number;
|
47
|
+
borderRadiusBottomRight?: string | number;
|
48
|
+
borderRadius?: string | number;
|
49
|
+
borderWidth?: string | number;
|
50
|
+
borderColor?: string;
|
51
|
+
borderStyle?: 'solid' | 'dashed' | 'dotted' | 'none';
|
52
|
+
backgroundColor?: string;
|
53
|
+
paddingTop?: string | number;
|
54
|
+
paddingRight?: string | number;
|
55
|
+
paddingBottom?: string | number;
|
56
|
+
paddingLeft?: string | number;
|
57
|
+
padding?: string | number;
|
58
|
+
};
|
46
59
|
export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
|
47
60
|
theme?: import("@emotion/react").Theme | undefined;
|
48
61
|
as?: import("react").ElementType<any> | undefined;
|
@@ -60,3 +73,29 @@ export declare const DrawerItemsList: import("@emotion/styled").StyledComponent<
|
|
60
73
|
} & {
|
61
74
|
gap?: string | number | undefined;
|
62
75
|
}, {}, {}>;
|
76
|
+
export declare type DrawerMenuItemProps = {
|
77
|
+
backgroundColor?: string;
|
78
|
+
paddingTop?: string;
|
79
|
+
paddingRight?: string;
|
80
|
+
paddingBottom?: string;
|
81
|
+
paddingLeft?: string;
|
82
|
+
disabled?: boolean;
|
83
|
+
};
|
84
|
+
export declare const DrawerMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
85
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
86
|
+
}, "alignItems" | "action" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "disableGutters" | "dense" | "divider" | "selected"> & {
|
87
|
+
theme?: import("@emotion/react").Theme | undefined;
|
88
|
+
} & DrawerMenuItemProps, {}, {}>;
|
89
|
+
export declare type DrawerMenuItemTextProps = {
|
90
|
+
textColor?: string;
|
91
|
+
fontSize?: string;
|
92
|
+
fontWeight?: 'normal' | 'bold';
|
93
|
+
fontFamily?: string;
|
94
|
+
wrap?: boolean;
|
95
|
+
textAlign?: 'left' | 'center' | 'right' | 'justify';
|
96
|
+
};
|
97
|
+
export declare const DrawerMenuItemText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
|
98
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
99
|
+
}, "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "typography" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
|
100
|
+
theme?: import("@emotion/react").Theme | undefined;
|
101
|
+
} & DrawerMenuItemTextProps, {}, {}>;
|
@@ -12,7 +12,6 @@ export interface LayoutContextType {
|
|
12
12
|
setDrawerContainerRef?: (ref: Element | null) => void;
|
13
13
|
headerHeight?: string;
|
14
14
|
setHeaderHeight?: (height: string) => void;
|
15
|
-
isMobile?: boolean;
|
16
15
|
isMLR?: boolean;
|
17
16
|
}
|
18
17
|
export declare const LayoutContext: import("react").Context<LayoutContextType>;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{createContext as e}from"react";var
|
1
|
+
import{createContext as e}from"react";var r=e({drawer:{width:0,position:"right",isOpen:!1,positionType:"normal"},updateDrawer:function(){},drawerContainerRef:void 0,setDrawerContainerRef:function(){},headerHeight:"0px",setHeaderHeight:function(){},isMLR:!1});export{r as LayoutContext};
|
2
2
|
//# sourceMappingURL=LayoutContext.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LayoutContext.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContext.ts"],"sourcesContent":[null],"names":["LayoutContext","createContext","drawer","width","position","isOpen","positionType","updateDrawer","drawerContainerRef","undefined","setDrawerContainerRef","headerHeight","setHeaderHeight","
|
1
|
+
{"version":3,"file":"LayoutContext.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContext.ts"],"sourcesContent":[null],"names":["LayoutContext","createContext","drawer","width","position","isOpen","positionType","updateDrawer","drawerContainerRef","undefined","setDrawerContainerRef","headerHeight","setHeaderHeight","isMLR"],"mappings":"sCAsBO,IAAMA,EAAgBC,EAAiC,CAC5DC,OAAQ,CAAEC,MAAO,EAAGC,SAAU,QAASC,QAAQ,EAAOC,aAAc,UACpEC,aAAc,WAAQ,EACtBC,wBAAoBC,EACpBC,sBAAuB,WAAQ,EAC/BC,aAAc,MACdC,gBAAiB,WAAQ,EACzBC,OAAO"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__assign as i}from"../../node_modules/tslib/tslib.es6.js";import{jsx as
|
1
|
+
import{__assign as i}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{useState as e,useRef as r,useEffect as n,useMemo as o}from"react";import{LayoutContext as d}from"./LayoutContext.js";var u=function(u){var s=u.children,a=u.layoutPosition,c=void 0===a?"normal":a,h=u.drawerMaxWidthPercent,p=void 0===h?80:h,f=u.headerHeight,v=void 0===f?"0px":f,l=u.isMLR,m=void 0!==l&&l,w=e({width:0,position:"right",isOpen:!1,positionType:c}),y=w[0],x=w[1],M=r(null),O=e(null),T=O[0],j=O[1];n((function(){x((function(t){return i(i({},t),{positionType:c})}))}),[c]),n((function(){if(M.current){var t=function(){var t;if(y.isOpen){var e=(null===(t=M.current)||void 0===t?void 0:t.clientWidth)||0,r=Math.floor(e*(p/100));y.width>r&&x((function(t){return i(i({},t),{width:r})}))}};t();var e=new ResizeObserver((function(){t()}));return e.observe(M.current),function(){e.disconnect()}}}),[y.isOpen,y.width,p]);var R=o((function(){return function(t){x((function(e){var r=void 0!==t.width?t.width:e.width;if(M.current&&(t.isOpen||e.isOpen)){var n=M.current.clientWidth,o=Math.floor(n*(p/100));r=Math.min(r,o)}var d=void 0!==t.positionType?t.positionType:e.positionType;return i(i(i({},e),t),{width:r,positionType:d})}))}}),[p]),b=o((function(){return{drawer:y,updateDrawer:R,drawerContainerRef:T,setDrawerContainerRef:j,headerHeight:v,isMLR:m}}),[y,R,T,v,m]);return t(d.Provider,i({value:b},{children:t("div",i({ref:M,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:s}))}))};export{u as LayoutProvider};
|
2
2
|
//# sourceMappingURL=LayoutContextProvider.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LayoutContextProvider.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContextProvider.tsx"],"sourcesContent":[null],"names":["LayoutProvider","_a","children","_b","layoutPosition","_c","drawerMaxWidthPercent","_d","headerHeight","_e","isMLR","_f","
|
1
|
+
{"version":3,"file":"LayoutContextProvider.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContextProvider.tsx"],"sourcesContent":[null],"names":["LayoutProvider","_a","children","_b","layoutPosition","_c","drawerMaxWidthPercent","_d","headerHeight","_e","isMLR","_f","useState","width","position","isOpen","positionType","drawer","setDrawer","containerRef","useRef","_g","drawerContainerRef","setDrawerContainerRef","useEffect","current","__assign","constrainDrawerWidth","containerWidth","clientWidth","maxWidth","Math","floor","resizeObserver","ResizeObserver","observe","disconnect","updateDrawer","useMemo","props","newWidth","undefined","min","newPositionType","contextValue","_jsx","LayoutContext","Provider","value","ref","style","height","overflow"],"mappings":"uSAWO,IAAMA,EAAgD,SAACC,GAC5D,IAAAC,aACAC,EAAAF,EAAAG,eAAAA,aAAiB,SAAQD,EACzBE,EAAAJ,EAAAK,sBAAAA,OAAqB,IAAAD,EAAG,GAAEA,EAC1BE,EAAAN,EAAAO,aAAAA,OAAY,IAAAD,EAAG,MAAKA,EACpBE,UAAAC,OAAQ,IAAAD,GAAKA,EAGPE,EAAsBC,EAAsB,CAChDC,MAAO,EACPC,SAAU,QACVC,QAAQ,EACRC,aAAcZ,IAJTa,EAAMN,EAAA,GAAEO,OAQTC,EAAeC,EAAuB,MAGtCC,EAA8CT,EAAyB,MAAtEU,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAGhDG,GAAU,WACRN,GAAU,SAACO,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAT,aAAcZ,GACd,GACJ,GAAG,CAACA,IAGJoB,GAAU,WACR,GAAKL,EAAaM,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKV,EAAOF,OAAZ,CAEA,IAAMa,GAAuC,QAAtB3B,EAAAkB,EAAaM,eAAS,IAAAxB,OAAA,EAAAA,EAAA4B,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkBtB,EAAwB,MAElEW,EAAOJ,MAAQiB,GACjBZ,GAAU,SAACO,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAZ,MAAOiB,GACP,GATuB,CAW7B,EAGAH,IAGA,IAAMM,EAAiB,IAAIC,gBAAe,WACxCP,GACF,IAIA,OAFAM,EAAeE,QAAQhB,EAAaM,SAE7B,WACLQ,EAAeG,YACjB,CA7BkC,CA8BpC,GAAG,CAACnB,EAAOF,OAAQE,EAAOJ,MAAOP,IAGjC,IAAM+B,EAAeC,GACnB,WAAM,OAAA,SAACC,GACLrB,GAAU,SAACO,GAET,IAAIe,OAA2BC,IAAhBF,EAAM1B,MAAsB0B,EAAM1B,MAAQY,EAAQZ,MAGjE,GAAIM,EAAaM,UAAYc,EAAMxB,QAAUU,EAAQV,QAAS,CAC5D,IAAMa,EAAiBT,EAAaM,QAAQI,YACtCC,EAAWC,KAAKC,MAAMJ,GAAkBtB,EAAwB,MAEtEkC,EAAWT,KAAKW,IAAIF,EAAUV,EAC/B,CAGD,IAAMa,OACmBF,IAAvBF,EAAMvB,aAA6BuB,EAAMvB,aAAeS,EAAQT,aAElE,OACKU,EAAAA,EAAAA,EAAA,CAAA,EAAAD,GACAc,GACH,CAAA1B,MAAO2B,EACPxB,aAAc2B,GAElB,GACF,CAAC,GACD,CAACrC,IAIGsC,EAAeN,GACnB,WAAM,MAAC,CACLrB,OAAMA,EACNoB,aAAYA,EACZf,mBAAkBA,EAClBC,sBAAqBA,EACrBf,aAAYA,EACZE,MAAKA,EAND,GAQN,CAACO,EAAQoB,EAAcf,EAAoBd,EAAcE,IAG3D,OACEmC,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAA1C,SACzC2C,WACEI,IAAK9B,EACL+B,MAAO,CACLpC,SAAU,WACVD,MAAO,OACPsC,OAAQ,OACRC,SAAU,WACX,CAAAlD,SAEAA,OAIT"}
|