@e1011/es-kit 1.0.38 → 1.0.42
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/hooks/esm/index.css +3 -3
- package/dist/hooks/index.css +3 -3
- package/dist/lib/cjs/index.css +3 -3
- package/dist/lib/cjs/src/core/ui/components/container/FBox.js +1 -1
- package/dist/lib/cjs/src/core/ui/components/container/FBox.js.map +1 -1
- package/dist/lib/cjs/src/core/ui/components/container/Flex.js +1 -1
- package/dist/lib/cjs/src/core/ui/components/container/Flex.js.map +1 -1
- package/dist/lib/esm/index.css +3 -3
- package/dist/lib/esm/src/core/ui/components/container/FBox.js +1 -1
- package/dist/lib/esm/src/core/ui/components/container/FBox.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/container/Flex.js +1 -1
- package/dist/lib/esm/src/core/ui/components/container/Flex.js.map +1 -1
- package/dist/lib/src/core/ui/components/container/FBox.js +2 -2
- package/dist/lib/src/core/ui/components/container/FBox.js.map +1 -1
- package/dist/lib/src/core/ui/components/container/Flex.js +0 -2
- package/dist/lib/src/core/ui/components/container/Flex.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/core/ui/components/container/FBox.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/container/Flex.d.ts +6 -8
- package/dist/types/src/core/ui/components/container/Flex.d.ts.map +1 -1
- package/dist/ui/esm/index.css +3 -3
- package/dist/ui/esm/src/core/ui/components/container/FBox.js +1 -1
- package/dist/ui/esm/src/core/ui/components/container/FBox.js.map +1 -1
- package/dist/ui/esm/src/core/ui/components/container/Flex.js +1 -1
- package/dist/ui/esm/src/core/ui/components/container/Flex.js.map +1 -1
- package/dist/ui/index.css +3 -3
- package/dist/ui/src/core/ui/components/container/FBox.js +1 -1
- package/dist/ui/src/core/ui/components/container/FBox.js.map +1 -1
- package/dist/ui/src/core/ui/components/container/Flex.js +1 -1
- package/dist/ui/src/core/ui/components/container/Flex.js.map +1 -1
- package/dist/utils/esm/index.css +3 -3
- package/dist/utils/index.css +3 -3
- package/package.json +1 -1
|
@@ -26,7 +26,7 @@ export declare const Flex: import("react").MemoExoticComponent<import("styled-co
|
|
|
26
26
|
export declare const FlexWrapper: import("react").MemoExoticComponent<import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("styled-components").StyledComponent<"div", any, FlexProps, never>>, any, {
|
|
27
27
|
flex?: string | undefined;
|
|
28
28
|
flexGrow?: string | number | undefined;
|
|
29
|
-
alignText?: "
|
|
29
|
+
alignText?: "center" | "right" | "left" | undefined;
|
|
30
30
|
direction?: string | undefined;
|
|
31
31
|
flexShrink?: string | number | undefined;
|
|
32
32
|
flexBasis?: string | undefined;
|
|
@@ -45,11 +45,11 @@ export declare const FlexWrapper: import("react").MemoExoticComponent<import("st
|
|
|
45
45
|
gap?: string | undefined;
|
|
46
46
|
css?: string | undefined;
|
|
47
47
|
borderRadius?: string | undefined;
|
|
48
|
-
}, "
|
|
48
|
+
}, "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "justify" | "align" | "alignSelf" | "margin" | "padding" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
|
|
49
49
|
export declare const FlexTight: import("react").MemoExoticComponent<import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("styled-components").StyledComponent<"div", any, FlexProps, never>>, any, {
|
|
50
50
|
flex?: string | undefined;
|
|
51
51
|
flexGrow?: string | number | undefined;
|
|
52
|
-
alignText?: "
|
|
52
|
+
alignText?: "center" | "right" | "left" | undefined;
|
|
53
53
|
direction?: string | undefined;
|
|
54
54
|
flexShrink?: string | number | undefined;
|
|
55
55
|
flexBasis?: string | undefined;
|
|
@@ -68,12 +68,11 @@ export declare const FlexTight: import("react").MemoExoticComponent<import("styl
|
|
|
68
68
|
gap?: string | undefined;
|
|
69
69
|
css?: string | undefined;
|
|
70
70
|
borderRadius?: string | undefined;
|
|
71
|
-
|
|
72
|
-
}, "minWidth" | "minHeight" | "width" | "height" | "size" | "alignSelf" | "direction" | "flexBasis" | "flexGrow" | "flexShrink" | "flexWrap" | "maxHeight" | "maxWidth" | "borderRadius" | "flex" | "gap" | "margin" | "padding" | "alignText" | "justify" | "align" | "css">>;
|
|
71
|
+
}, "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "justify" | "align" | "alignSelf" | "margin" | "padding" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
|
|
73
72
|
export declare const FlexTightStyled: import("react").MemoExoticComponent<import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("styled-components").StyledComponent<"div", any, FlexProps, never>>, any, {
|
|
74
73
|
flex?: string | undefined;
|
|
75
74
|
flexGrow?: string | number | undefined;
|
|
76
|
-
alignText?: "
|
|
75
|
+
alignText?: "center" | "right" | "left" | undefined;
|
|
77
76
|
direction?: string | undefined;
|
|
78
77
|
flexShrink?: string | number | undefined;
|
|
79
78
|
flexBasis?: string | undefined;
|
|
@@ -92,11 +91,10 @@ export declare const FlexTightStyled: import("react").MemoExoticComponent<import
|
|
|
92
91
|
gap?: string | undefined;
|
|
93
92
|
css?: string | undefined;
|
|
94
93
|
borderRadius?: string | undefined;
|
|
95
|
-
size: string;
|
|
96
94
|
style: {
|
|
97
95
|
text: string;
|
|
98
96
|
padding: string;
|
|
99
97
|
border: string;
|
|
100
98
|
};
|
|
101
|
-
}, "style" | "
|
|
99
|
+
}, "style" | "direction" | "flex" | "flexGrow" | "alignText" | "flexShrink" | "flexBasis" | "flexWrap" | "justify" | "align" | "alignSelf" | "margin" | "padding" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "gap" | "css" | "borderRadius">>;
|
|
102
100
|
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":";AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAWD,eAAO,MAAM,IAAI,gHAuBf,CAAA;AAGF,eAAO,MAAM,WAAW;;;;;;;;aAnDZ,MAAM;WACR,MAAM;;;;WAIN,MAAM;YACL,MAAM;;;;;;;;qQAqDZ,CAAA;AAEL,eAAO,MAAM,SAAS;;;;;;;;;;;;;WAxDZ,MAAM
|
|
1
|
+
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"names":[],"mappings":";AAGA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAWD,eAAO,MAAM,IAAI,gHAuBf,CAAA;AAGF,eAAO,MAAM,WAAW;;;;;;;;aAnDZ,MAAM;WACR,MAAM;;;;WAIN,MAAM;YACL,MAAM;;;;;;;;qQAqDZ,CAAA;AAEL,eAAO,MAAM,SAAS;;;;;;;;;;;;;WAxDZ,MAAM;;;;;;;;;qQA2DV,CAAA;AAEN,eAAO,MAAM,eAAe;;;;;;;;;;;;;WA7DlB,MAAM;;;;;;;;;;;;;;+QAqEV,CAAA"}
|
package/dist/ui/esm/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectWithoutProperties as e,objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as r,forwardRef as a,useMemo as o}from"react";import s from"./fbox.module.scss.js";var l=["style","children","className"],
|
|
1
|
+
import{objectWithoutProperties as e,objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as r,forwardRef as a,useMemo as o}from"react";import s from"./fbox.module.scss.js";var l=["style","children","tabIndex","className"],n={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},i=function(e){return e&&n[e]||e},c=a((function(r,a){var n=r.style,c=r.children,d=r.tabIndex,f=r.className,m=void 0===f?"":f,u=e(r,l),x=o((function(){return t(t(t(t(t({},n),u),u.align?{alignItems:i(u.align)}:{}),u.justify?{justifyContent:i(u.justify)}:{}),u.direction?{flexDirection:u.direction}:{})}),[u,n]);return React.createElement("div",{ref:a,tabIndex:d,className:"".concat(s["flexible-box"]," ").concat(m),style:x},c)}));c.displayName="FBoxRefForwarded";var d=r(c);d.displayName="FBox";export{d as FBox};
|
|
2
2
|
//# sourceMappingURL=FBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n style?: CSSProperties\n className?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n style, children, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n const styles = useMemo(() => (\n {\n ...style,\n ...props,\n ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n ...(props.direction ? { flexDirection: props.direction } : {}),\n }\n ), [props, style])\n\n return (\n <div\n ref={ref}\n className={`${(classes as any)['flexible-box']} ${className}`}\n style={styles as CSSProperties}\n >\n {children}\n </div>\n )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n// {\n// width: props.width || '100%',\n// height: props.height || '100%',\n// justify: props.justify || 'center',\n// align: props.align || 'center',\n// ...props,\n// }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// style: {\n// text: 'blue',\n// padding: '1rem',\n// border: '1px solid green',\n// },\n// ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","_ref$className","className","props","_objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n style?: CSSProperties\n className?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n style, children, tabIndex, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n const styles = useMemo(() => (\n {\n ...style,\n ...props,\n ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n ...(props.direction ? { flexDirection: props.direction } : {}),\n }\n ), [props, style])\n\n return (\n <div\n ref={ref}\n tabIndex={tabIndex}\n className={`${(classes as any)['flexible-box']} ${className}`}\n style={styles as CSSProperties}\n >\n {children}\n </div>\n )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n// {\n// width: props.width || '100%',\n// height: props.height || '100%',\n// justify: props.justify || 'center',\n// align: props.align || 'center',\n// ...props,\n// }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// style: {\n// text: 'blue',\n// padding: '1rem',\n// border: '1px solid green',\n// },\n// ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"0UAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,GAAW,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAR,EAAAS,GAE7CC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,GAEhBV,GACAK,GACCA,EAAMM,MAAQ,CAAEC,WAAYlB,EAAiBW,EAAMM,QAAW,CAAE,GAChEN,EAAMQ,QAAU,CAAEC,eAAgBpB,EAAiBW,EAAMQ,UAAa,CAAE,GACxER,EAAMU,UAAY,CAAEC,cAAeX,EAAMU,WAAc,CAAE,EAAA,GAE9D,CAACV,EAAOL,IAEX,OACEiB,MAAAC,cAAA,MAAA,CACEnB,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAAe,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIf,GAClDJ,MAAOQ,GAENP,EAGP,IAEAL,EAAiByB,YAAc,uBAElBC,EAAOC,EAAgB3B,GAGpC0B,EAAKD,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as n}from"react";import i from"styled-components";var e={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},r=function(t){return t&&e[t]||t},o=n(i.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(function(t){return t.direction||"row"}),(function(t){var n=t.flex;return void 0!==n?n:"0"}),(function(t){var n=t.flexGrow;return void 0!==n?n:"0"}),(function(t){var n=t.flexShrink;return void 0!==n?n:"0"}),(function(t){return t.flexBasis||"auto"}),(function(t){return t.flexWrap||"nowrap"}),(function(t){var n=t.gap;return void 0!==n?n:"0"}),(function(t){return t.alignText||"left"}),(function(t){var n=t.justify;return r(n)||"flex-start"}),(function(t){var n=t.align;return r(n)||"flex-start"}),(function(t){return t.alignSelf||"auto"}),(function(t){return t.margin||"0"}),(function(t){return t.padding||"0"}),(function(t){return t.width||"auto"}),(function(t){return t.height||"auto"}),(function(t){return t.maxWidth||"none"}),(function(t){return t.maxHeight||"none"}),(function(t){var n=t.minWidth;return n||"0"===n?n:"0"}),(function(t){return t.minHeight||"0"}),(function(t){return t.borderRadius||"initial"}))),a=n(i(o).attrs((function(n){return t({width:n.width||"100%",height:n.height||"100%",justify:n.justify||"center",align:n.align||"center"},n)})).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),u=n(i(o).attrs((function(n){return t({
|
|
1
|
+
import{objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as n}from"react";import i from"styled-components";var e={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},r=function(t){return t&&e[t]||t},o=n(i.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(function(t){return t.direction||"row"}),(function(t){var n=t.flex;return void 0!==n?n:"0"}),(function(t){var n=t.flexGrow;return void 0!==n?n:"0"}),(function(t){var n=t.flexShrink;return void 0!==n?n:"0"}),(function(t){return t.flexBasis||"auto"}),(function(t){return t.flexWrap||"nowrap"}),(function(t){var n=t.gap;return void 0!==n?n:"0"}),(function(t){return t.alignText||"left"}),(function(t){var n=t.justify;return r(n)||"flex-start"}),(function(t){var n=t.align;return r(n)||"flex-start"}),(function(t){return t.alignSelf||"auto"}),(function(t){return t.margin||"0"}),(function(t){return t.padding||"0"}),(function(t){return t.width||"auto"}),(function(t){return t.height||"auto"}),(function(t){return t.maxWidth||"none"}),(function(t){return t.maxHeight||"none"}),(function(t){var n=t.minWidth;return n||"0"===n?n:"0"}),(function(t){return t.minHeight||"0"}),(function(t){return t.borderRadius||"initial"}))),a=n(i(o).attrs((function(n){return t({width:n.width||"100%",height:n.height||"100%",justify:n.justify||"center",align:n.align||"center"},n)})).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),u=n(i(o).attrs((function(n){return t({width:"initial"},n)})).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),f=n(i(o).attrs((function(n){return t({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"}},n)})).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));export{o as Flex,u as FlexTight,f as FlexTightStyled,a as FlexWrapper};
|
|
2
2
|
//# sourceMappingURL=Flex.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n display: flex;\n position: relative;\n flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n {\n width: props.width || '100%',\n height: props.height || '100%',\n justify: props.justify || 'center',\n align: props.align || 'center',\n ...props,\n }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n
|
|
1
|
+
{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n display: flex;\n position: relative;\n flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n {\n width: props.width || '100%',\n height: props.height || '100%',\n justify: props.justify || 'center',\n align: props.align || 'center',\n ...props,\n }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n width: 'initial',\n ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n width: 'initial',\n style: {\n text: 'blue',\n padding: '1rem',\n border: '1px solid green',\n },\n ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","withConfig","displayName","componentId","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","FlexTightStyled","style","text","border"],"mappings":"mJA2BA,IAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAEnGC,EAAOC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGf,SAAAK,GAAY,OAAAA,EAATC,WAAiD,KAAK,IACnE,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAI,YAAqCC,IAATD,EAAqBA,EAAO,GAAG,IAC7D,SAAAE,GAAA,IAAGC,EAAQD,EAARC,SAAQ,YAAyCF,IAAbE,EAAyBA,EAAW,GAAG,IAC5E,SAAAC,GAAA,IAAGC,EAAUD,EAAVC,WAAU,YAA2CJ,IAAfI,EAA2BA,EAAa,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAW,OAAAA,EAARC,UAA+C,QAAQ,IAChE,SAAAC,GAAA,IAAGC,EAAGD,EAAHC,IAAG,YAAoCV,IAARU,EAAoBA,EAAM,GAAG,IACxD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IACrD,SAAAC,GAAA,IAAGC,EAAOD,EAAPC,QAAO,OAA2B3B,EAAiB2B,IAAY,YAAY,IAClF,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAA2B7B,EAAiB6B,IAAU,YAAY,IAC3E,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC9D,SAAAC,GAAS,OAAAA,EAANC,QAA2C,GAAG,IAChD,SAAAC,GAAU,OAAAA,EAAPC,SAA6C,GAAG,IACrD,SAAAC,GAAQ,OAAAA,EAALC,OAAyC,MAAM,IACjD,SAAAC,GAAS,OAAAA,EAANC,QAA2C,MAAM,IACjD,SAAAC,GAAW,OAAAA,EAARC,UAA+C,MAAM,IACvD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAA,IAAGC,EAAQD,EAARC,SAAQ,OAA6BA,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,GAAG,IACpD,SAAAC,GAAe,OAAAA,EAAZC,cAAuD,SAAS,KAIzEC,EAAc/C,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CAEzEhB,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,UACnBuB,EAAK,IAEV9C,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAR8BJ,CAQ3B,CAAA,MAEQkD,EAAYnD,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CACzEhB,MAAO,WACJe,EAAK,IACP9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAH2BJ,CAGxB,CAAA,MAEOmD,EAAkBpD,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CAC/EhB,MAAO,UACPmB,MAAO,CACLC,KAAM,OACNtB,QAAS,OACTuB,OAAQ,oBAEPN,EAAK,IACP9C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBARiCJ,CAQ9B,CAAA"}
|
package/dist/ui/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),t=require("./fbox.module.scss.js"),a=["style","children","className"],o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},s=function(e){return e&&o[e]||e},l=r.forwardRef((function(o,l){var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),t=require("./fbox.module.scss.js"),a=["style","children","tabIndex","className"],o={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},s=function(e){return e&&o[e]||e},l=r.forwardRef((function(o,l){var n=o.style,i=o.children,c=o.tabIndex,d=o.className,u=void 0===d?"":d,f=e.objectWithoutProperties(o,a),x=r.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2({},n),f),f.align?{alignItems:s(f.align)}:{}),f.justify?{justifyContent:s(f.justify)}:{}),f.direction?{flexDirection:f.direction}:{})}),[f,n]);return React.createElement("div",{ref:l,tabIndex:c,className:"".concat(t["flexible-box"]," ").concat(u),style:x},i)}));l.displayName="FBoxRefForwarded";var n=r.memo(l);n.displayName="FBox",exports.FBox=n;
|
|
2
2
|
//# sourceMappingURL=FBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FBox.js","sources":["../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n style?: CSSProperties\n className?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n style, children, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n const styles = useMemo(() => (\n {\n ...style,\n ...props,\n ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n ...(props.direction ? { flexDirection: props.direction } : {}),\n }\n ), [props, style])\n\n return (\n <div\n ref={ref}\n className={`${(classes as any)['flexible-box']} ${className}`}\n style={styles as CSSProperties}\n >\n {children}\n </div>\n )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n// {\n// width: props.width || '100%',\n// height: props.height || '100%',\n// justify: props.justify || 'center',\n// align: props.align || 'center',\n// ...props,\n// }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// style: {\n// text: 'blue',\n// padding: '1rem',\n// border: '1px solid green',\n// },\n// ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","_ref$className","className","props","_objectWithoutProperties","objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FBox.js","sources":["../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n style?: CSSProperties\n className?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n style, children, tabIndex, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n const styles = useMemo(() => (\n {\n ...style,\n ...props,\n ...(props.align ? { alignItems: resolveFlexProps(props.align) } : {}),\n ...(props.justify ? { justifyContent: resolveFlexProps(props.justify) } : {}),\n ...(props.direction ? { flexDirection: props.direction } : {}),\n }\n ), [props, style])\n\n return (\n <div\n ref={ref}\n tabIndex={tabIndex}\n className={`${(classes as any)['flexible-box']} ${className}`}\n style={styles as CSSProperties}\n >\n {children}\n </div>\n )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n// {\n// width: props.width || '100%',\n// height: props.height || '100%',\n// justify: props.justify || 'center',\n// align: props.align || 'center',\n// ...props,\n// }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// style: {\n// text: 'blue',\n// padding: '1rem',\n// border: '1px solid green',\n// },\n// ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","objectWithoutProperties","_excluded","styles","useMemo","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","concat","classes","displayName","FBox","memo"],"mappings":"4TAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,EAAUA,YAAC,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAC,wBAAAT,EAAAU,GAE7CC,EAASC,EAAAA,SAAQ,WAAA,OAAAC,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,EAAAC,cAAAD,EAAAC,cAAA,GAEhBZ,GACAK,GACCA,EAAMQ,MAAQ,CAAEC,WAAYpB,EAAiBW,EAAMQ,QAAW,CAAE,GAChER,EAAMU,QAAU,CAAEC,eAAgBtB,EAAiBW,EAAMU,UAAa,CAAE,GACxEV,EAAMY,UAAY,CAAEC,cAAeb,EAAMY,WAAc,CAAE,EAAA,GAE9D,CAACZ,EAAOL,IAEX,OACEmB,MAAAC,cAAA,MAAA,CACErB,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAAiB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIjB,GAClDJ,MAAOS,GAENR,EAGP,IAEAL,EAAiB2B,YAAc,uBAElBC,EAAOC,EAAIA,KAAY7B,GAGpC4B,EAAKD,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),e=require("react");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=n(require("styled-components")),r={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},o=function(t){return t&&r[t]||t},a=e.memo(i.default.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(function(t){return t.direction||"row"}),(function(t){var e=t.flex;return void 0!==e?e:"0"}),(function(t){var e=t.flexGrow;return void 0!==e?e:"0"}),(function(t){var e=t.flexShrink;return void 0!==e?e:"0"}),(function(t){return t.flexBasis||"auto"}),(function(t){return t.flexWrap||"nowrap"}),(function(t){var e=t.gap;return void 0!==e?e:"0"}),(function(t){return t.alignText||"left"}),(function(t){var e=t.justify;return o(e)||"flex-start"}),(function(t){var e=t.align;return o(e)||"flex-start"}),(function(t){return t.alignSelf||"auto"}),(function(t){return t.margin||"0"}),(function(t){return t.padding||"0"}),(function(t){return t.width||"auto"}),(function(t){return t.height||"auto"}),(function(t){return t.maxWidth||"none"}),(function(t){return t.maxHeight||"none"}),(function(t){var e=t.minWidth;return e||"0"===e?e:"0"}),(function(t){return t.minHeight||"0"}),(function(t){return t.borderRadius||"initial"}))),u=e.memo(i.default(a).attrs((function(e){return t.objectSpread2({width:e.width||"100%",height:e.height||"100%",justify:e.justify||"center",align:e.align||"center"},e)})).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),l=e.memo(i.default(a).attrs((function(e){return t.objectSpread2({width:"initial"},e)})).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),f=e.memo(i.default(a).attrs((function(e){return t.objectSpread2({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"}},e)})).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));exports.Flex=a,exports.FlexTight=l,exports.FlexTightStyled=f,exports.FlexWrapper=u;
|
|
2
2
|
//# sourceMappingURL=Flex.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n display: flex;\n position: relative;\n flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n {\n width: props.width || '100%',\n height: props.height || '100%',\n justify: props.justify || 'center',\n align: props.align || 'center',\n ...props,\n }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n
|
|
1
|
+
{"version":3,"file":"Flex.js","sources":["../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n display: flex;\n position: relative;\n flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n {\n width: props.width || '100%',\n height: props.height || '100%',\n justify: props.justify || 'center',\n align: props.align || 'center',\n ...props,\n }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n width: 'initial',\n ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n width: 'initial',\n style: {\n text: 'blue',\n padding: '1rem',\n border: '1px solid green',\n },\n ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","withConfig","displayName","componentId","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","FlexTightStyled","style","text","border"],"mappings":"2QA2BMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAEnGC,EAAOC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGf,SAAAK,GAAY,OAAAA,EAATC,WAAiD,KAAK,IACnE,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAI,YAAqCC,IAATD,EAAqBA,EAAO,GAAG,IAC7D,SAAAE,GAAA,IAAGC,EAAQD,EAARC,SAAQ,YAAyCF,IAAbE,EAAyBA,EAAW,GAAG,IAC5E,SAAAC,GAAA,IAAGC,EAAUD,EAAVC,WAAU,YAA2CJ,IAAfI,EAA2BA,EAAa,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAW,OAAAA,EAARC,UAA+C,QAAQ,IAChE,SAAAC,GAAA,IAAGC,EAAGD,EAAHC,IAAG,YAAoCV,IAARU,EAAoBA,EAAM,GAAG,IACxD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IACrD,SAAAC,GAAA,IAAGC,EAAOD,EAAPC,QAAO,OAA2B3B,EAAiB2B,IAAY,YAAY,IAClF,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAA2B7B,EAAiB6B,IAAU,YAAY,IAC3E,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC9D,SAAAC,GAAS,OAAAA,EAANC,QAA2C,GAAG,IAChD,SAAAC,GAAU,OAAAA,EAAPC,SAA6C,GAAG,IACrD,SAAAC,GAAQ,OAAAA,EAALC,OAAyC,MAAM,IACjD,SAAAC,GAAS,OAAAA,EAANC,QAA2C,MAAM,IACjD,SAAAC,GAAW,OAAAA,EAARC,UAA+C,MAAM,IACvD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAA,IAAGC,EAAQD,EAARC,SAAQ,OAA6BA,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,GAAG,IACpD,SAAAC,GAAe,OAAAA,EAAZC,cAAuD,SAAS,KAIzEC,EAAc/C,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,gBAAA,CAEzEhB,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,UACnBuB,EAAK,IAEV9C,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAR8BJ,CAQ3B,CAAA,MAEQkD,EAAYnD,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,gBAAA,CACzEhB,MAAO,WACJe,EAAK,IACP9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAH2BJ,CAGxB,CAAA,MAEOmD,EAAkBpD,EAAIA,KAACC,EAAM,QAACF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,gBAAA,CAC/EhB,MAAO,UACPmB,MAAO,CACLC,KAAM,OACNtB,QAAS,OACTuB,OAAQ,oBAEPN,EAAK,IACP9C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBARiCJ,CAQ9B,CAAA"}
|
package/dist/utils/esm/index.css
CHANGED
package/dist/utils/index.css
CHANGED