@e1011/es-kit 1.0.54 → 1.0.58
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 +30 -30
- package/dist/hooks/index.css +30 -30
- package/dist/lib/cjs/src/core/ui/components/container/Container.js +1 -1
- package/dist/lib/cjs/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/lib/esm/src/core/ui/components/container/Container.js +1 -1
- package/dist/lib/esm/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/lib/src/core/ui/components/container/Container.js +2 -2
- package/dist/lib/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/lib/src/core/ui/components/icon/IconBase.js +5 -4
- package/dist/lib/src/core/ui/components/icon/IconBase.js.map +1 -1
- package/dist/lib/src/core/ui/components/icon/IconWC.js +2 -2
- package/dist/lib/src/core/ui/components/icon/IconWC.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/core/ui/components/container/Container.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/icon/IconBase.d.ts.map +1 -1
- package/dist/types/src/core/ui/components/icon/IconWC.d.ts.map +1 -1
- package/dist/ui/esm/src/core/ui/components/container/Container.js +1 -1
- package/dist/ui/esm/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/ui/src/core/ui/components/container/Container.js +1 -1
- package/dist/ui/src/core/ui/components/container/Container.js.map +1 -1
- package/dist/utils/esm/index.css +30 -30
- package/dist/utils/index.css +30 -30
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA0B,SAAS,EAAa,MAAM,OAAO,CAAA;AAgCxE,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AACD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA0B,SAAS,EAAa,MAAM,OAAO,CAAA;AAgCxE,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AACD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAqCvC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIvE,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIvE,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,0CAyBnB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconWC.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconWC.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconWC.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconWC.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAGD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;IAC/C,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IAEtB,WAAW,EAAE,WAAW,CAAA;IAExB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAEvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAExB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAEzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAErB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAEtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAEpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAExB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAErB,MAAM,KAAK,kBAAkB,aAE5B;IAED,iBAAiB;IAYjB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAczG,MAAM,aAqBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,WAAW,EAAE,GAAG,CAAA;SACjB;KACF;CACF;AAED,eAAO,MAAM,UAAU;;CAEtB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as
|
|
1
|
+
import{objectWithoutProperties as e,slicedToArray as o,extends as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useRef as r,useState as l,useEffect as i}from"react";var c=["collapsed","collapseHandler","children","propName","className","css"],s={width:"scrollWidth",height:"scrollHeight"},p=function(e){return e.propName},d=t(a.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],p,p,p,p,p,p,p,(function(e){var o=e.contentProp;return"".concat(o,"px")}),p,(function(e){var o=e.contentProp;return"".concat(o,"px")}))),u=a(d).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),m=t((function(a){var t=a.collapsed,p=void 0!==t&&t,d=a.collapseHandler,m=a.children,_=a.propName,h=void 0===_?"height":_,f=a.className,y=a.css,C=e(a,c),v=r(),x=l(0),N=o(x,2),g=N[0],b=N[1];i((function(){null==d||d(p)}),[d,p]),i((function(){null!=v&&v.current&&b(v.current[s[h]])}),[v,h]);var w="";return p&&g&&null!=g&&(w="Collapsible__container__collapsed"),!p&&g&&null!=g&&(w="Collapsible__container__expanded"),React.createElement(u,n({className:"".concat(f," ").concat(w),ref:v,contentProp:g,propName:h},C,{$_css:y}),m)}));m.displayName="Container";export{m as Container};
|
|
2
2
|
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css
|
|
1
|
+
{"version":3,"file":"Container.js","sources":["../../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n {...props}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"2XAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,GAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAT,EAAAU,GAErFC,EAAeC,IACrBC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CpB,EAAWsB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRf,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBgB,GAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBxC,EAAmBK,IAEpE,GAAG,CAAC2B,EAAc3B,IAElB,IAAIoC,EAAoB,GASxB,OAPIlB,GAAaT,GAAbS,MAA4BT,IAC9B2B,EAAoB,sCAEjBlB,GAAaT,GAAd,MAA6BA,IAC/B2B,EAAoB,oCAIpBC,MAAAC,cAAA1B,EAAA2B,EAAA,CACEjB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI0B,GAC3BI,IAAKb,EACLlB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAUT,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("styled-components");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n),r={width:"scrollWidth",height:"scrollHeight"},i=function(e){return e.propName},
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("styled-components");require("../../../../../node_modules/core-js/modules/es.array.concat.js");var t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(n),r=["collapsed","collapseHandler","children","propName","className","css"],l={width:"scrollWidth",height:"scrollHeight"},i=function(e){return e.propName},c=t.memo(a.default.div.withConfig({displayName:"Container__StyledContainer",componentId:"sc-heiku-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],i,i,i,i,i,i,i,(function(e){var n=e.contentProp;return"".concat(n,"px")}),i,(function(e){var n=e.contentProp;return"".concat(n,"px")}))),s=a.default(c).withConfig({displayName:"Container___StyledStyledContainer",componentId:"sc-heiku-1"})(["",""],(function(e){return e.$_css})),u=t.memo((function(n){var o=n.collapsed,a=void 0!==o&&o,i=n.collapseHandler,c=n.children,u=n.propName,p=void 0===u?"height":u,d=n.className,_=n.css,m=e.objectWithoutProperties(n,r),f=t.useRef(),h=t.useState(0),y=e.slicedToArray(h,2),v=y[0],C=y[1];t.useEffect((function(){null==i||i(a)}),[i,a]),t.useEffect((function(){null!=f&&f.current&&C(f.current[l[p]])}),[f,p]);var x="";return a&&v&&null!=v&&(x="Collapsible__container__collapsed"),!a&&v&&null!=v&&(x="Collapsible__container__expanded"),React.createElement(s,e.extends({className:"".concat(d," ").concat(x),ref:f,contentProp:v,propName:p},m,{$_css:_}),c)}));u.displayName="Container",exports.Container=u;
|
|
2
2
|
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css
|
|
1
|
+
{"version":3,"file":"Container.js","sources":["../../../../../../../src/core/ui/components/container/Container.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n width: 'scrollWidth',\n height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n transform-origin: 0% 0%;\n transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n overflow: hidden;\n opacity: 0;\n\n &.Collapsible__container__collapsed {\n ${propNameFunc}: 0;\n max-${propNameFunc}: 0;\n opacity: 0;\n }\n\n &.Collapsible__container__expanded {\n ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n opacity: 1;\n }\n`)\n\nexport type ContainerProps = {\n collapsed?: boolean\n collapseHandler?: (collapsed: boolean) => void\n children?: ReactNode\n propName?: string\n className?: string\n css?: string\n}\nexport const Container: FC<ContainerProps> = memo(({\n collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n const containerRef = useRef<HTMLDivElement>()\n const [contentProp, setContentProp] = useState(0)\n\n useEffect(() => {\n collapseHandler?.(collapsed)\n }, [collapseHandler, collapsed])\n\n useEffect(() => {\n if (containerRef?.current) {\n setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n }\n }, [containerRef, propName])\n\n let resolvedClassName = ''\n\n if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__collapsed'\n }\n if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n resolvedClassName = 'Collapsible__container__expanded'\n }\n\n return (\n <StyledContainer\n className={`${className} ${resolvedClassName}`}\n ref={containerRef}\n contentProp={contentProp}\n propName={propName}\n css={css}\n {...props}\n >\n {children}\n </StyledContainer>\n )\n})\n\nContainer.displayName = 'Container'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","Container","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"uaAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAIA,KAACC,UAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,cAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAA,QAAAF,GAAAI,WAAA,CAAAC,YAAA,oCAAAC,YAAA,cAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAgCb,EAAAA,MAAK,SAAAc,GAE5B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAC,wBAAAV,EAAAW,GAErFC,EAAeC,EAAAA,SACrBC,EAAsCC,EAAQA,SAAC,GAAEC,EAAAC,EAAAA,cAAAH,EAAA,GAA1CrB,EAAWuB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,EAAAA,WAAU,WACRhB,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBiB,EAAAA,WAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBzC,EAAmBK,IAEpE,GAAG,CAAC4B,EAAc5B,IAElB,IAAIqC,EAAoB,GASxB,OAPInB,GAAaT,GAAbS,MAA4BT,IAC9B4B,EAAoB,sCAEjBnB,GAAaT,GAAd,MAA6BA,IAC/B4B,EAAoB,oCAIpBC,MAAAC,cAAA3B,EAAA4B,UAAA,CACElB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI2B,GAC3BI,IAAKb,EACLnB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAUT,YAAc"}
|
package/dist/utils/esm/index.css
CHANGED
|
@@ -1,33 +1,3 @@
|
|
|
1
|
-
.icon-module_icon-base-parent__nOMvW {
|
|
2
|
-
line-height: 1px !important;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.icon-module_icon-base__S0tHf {
|
|
6
|
-
min-width: var(--min-width);
|
|
7
|
-
min-height: var(--min-height);
|
|
8
|
-
width: var(--width);
|
|
9
|
-
height: var(--height);
|
|
10
|
-
line-height: var(--height);
|
|
11
|
-
background-color: var(--icon-color);
|
|
12
|
-
color: var(--icon-content-color);
|
|
13
|
-
background-repeat: no-repeat;
|
|
14
|
-
mask-image: var(--icon-url);
|
|
15
|
-
-webkit-mask-image: var(--icon-url);
|
|
16
|
-
mask-repeat: no-repeat;
|
|
17
|
-
-webkit-mask-repeat: no-repeat;
|
|
18
|
-
mask-size: contain;
|
|
19
|
-
-webkit-mask-size: contain;
|
|
20
|
-
mask-position: center;
|
|
21
|
-
-webkit-mask-position: center;
|
|
22
|
-
display: inline-block;
|
|
23
|
-
will-change: transform;
|
|
24
|
-
transform: translate3d(0, 0, 0);
|
|
25
|
-
}
|
|
26
|
-
.icon-module_icon-base__S0tHf svg {
|
|
27
|
-
fill: var(--icon-content-color);
|
|
28
|
-
width: var(--height);
|
|
29
|
-
height: var(--width);
|
|
30
|
-
}
|
|
31
1
|
.divider-module_divider-line__6CesR {
|
|
32
2
|
position: relative;
|
|
33
3
|
display: block;
|
|
@@ -70,4 +40,34 @@
|
|
|
70
40
|
min-width: 0;
|
|
71
41
|
min-height: 0;
|
|
72
42
|
border-radius: initial;
|
|
43
|
+
}
|
|
44
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
45
|
+
line-height: 1px !important;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.icon-module_icon-base__S0tHf {
|
|
49
|
+
min-width: var(--min-width);
|
|
50
|
+
min-height: var(--min-height);
|
|
51
|
+
width: var(--width);
|
|
52
|
+
height: var(--height);
|
|
53
|
+
line-height: var(--height);
|
|
54
|
+
background-color: var(--icon-color);
|
|
55
|
+
color: var(--icon-content-color);
|
|
56
|
+
background-repeat: no-repeat;
|
|
57
|
+
mask-image: var(--icon-url);
|
|
58
|
+
-webkit-mask-image: var(--icon-url);
|
|
59
|
+
mask-repeat: no-repeat;
|
|
60
|
+
-webkit-mask-repeat: no-repeat;
|
|
61
|
+
mask-size: contain;
|
|
62
|
+
-webkit-mask-size: contain;
|
|
63
|
+
mask-position: center;
|
|
64
|
+
-webkit-mask-position: center;
|
|
65
|
+
display: inline-block;
|
|
66
|
+
will-change: transform;
|
|
67
|
+
transform: translate3d(0, 0, 0);
|
|
68
|
+
}
|
|
69
|
+
.icon-module_icon-base__S0tHf svg {
|
|
70
|
+
fill: var(--icon-content-color);
|
|
71
|
+
width: var(--height);
|
|
72
|
+
height: var(--width);
|
|
73
73
|
}
|
package/dist/utils/index.css
CHANGED
|
@@ -1,33 +1,3 @@
|
|
|
1
|
-
.icon-module_icon-base-parent__nOMvW {
|
|
2
|
-
line-height: 1px !important;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.icon-module_icon-base__S0tHf {
|
|
6
|
-
min-width: var(--min-width);
|
|
7
|
-
min-height: var(--min-height);
|
|
8
|
-
width: var(--width);
|
|
9
|
-
height: var(--height);
|
|
10
|
-
line-height: var(--height);
|
|
11
|
-
background-color: var(--icon-color);
|
|
12
|
-
color: var(--icon-content-color);
|
|
13
|
-
background-repeat: no-repeat;
|
|
14
|
-
mask-image: var(--icon-url);
|
|
15
|
-
-webkit-mask-image: var(--icon-url);
|
|
16
|
-
mask-repeat: no-repeat;
|
|
17
|
-
-webkit-mask-repeat: no-repeat;
|
|
18
|
-
mask-size: contain;
|
|
19
|
-
-webkit-mask-size: contain;
|
|
20
|
-
mask-position: center;
|
|
21
|
-
-webkit-mask-position: center;
|
|
22
|
-
display: inline-block;
|
|
23
|
-
will-change: transform;
|
|
24
|
-
transform: translate3d(0, 0, 0);
|
|
25
|
-
}
|
|
26
|
-
.icon-module_icon-base__S0tHf svg {
|
|
27
|
-
fill: var(--icon-content-color);
|
|
28
|
-
width: var(--height);
|
|
29
|
-
height: var(--width);
|
|
30
|
-
}
|
|
31
1
|
.divider-module_divider-line__6CesR {
|
|
32
2
|
position: relative;
|
|
33
3
|
display: block;
|
|
@@ -70,4 +40,34 @@
|
|
|
70
40
|
min-width: 0;
|
|
71
41
|
min-height: 0;
|
|
72
42
|
border-radius: initial;
|
|
43
|
+
}
|
|
44
|
+
.icon-module_icon-base-parent__nOMvW {
|
|
45
|
+
line-height: 1px !important;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.icon-module_icon-base__S0tHf {
|
|
49
|
+
min-width: var(--min-width);
|
|
50
|
+
min-height: var(--min-height);
|
|
51
|
+
width: var(--width);
|
|
52
|
+
height: var(--height);
|
|
53
|
+
line-height: var(--height);
|
|
54
|
+
background-color: var(--icon-color);
|
|
55
|
+
color: var(--icon-content-color);
|
|
56
|
+
background-repeat: no-repeat;
|
|
57
|
+
mask-image: var(--icon-url);
|
|
58
|
+
-webkit-mask-image: var(--icon-url);
|
|
59
|
+
mask-repeat: no-repeat;
|
|
60
|
+
-webkit-mask-repeat: no-repeat;
|
|
61
|
+
mask-size: contain;
|
|
62
|
+
-webkit-mask-size: contain;
|
|
63
|
+
mask-position: center;
|
|
64
|
+
-webkit-mask-position: center;
|
|
65
|
+
display: inline-block;
|
|
66
|
+
will-change: transform;
|
|
67
|
+
transform: translate3d(0, 0, 0);
|
|
68
|
+
}
|
|
69
|
+
.icon-module_icon-base__S0tHf svg {
|
|
70
|
+
fill: var(--icon-content-color);
|
|
71
|
+
width: var(--height);
|
|
72
|
+
height: var(--width);
|
|
73
73
|
}
|