@contentstack/live-preview-utils/dist/legacy/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.cjs.map

Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.

{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/SkeletonTile/SkeletonTile.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { collabStyles } from \"../../../collab.style\";\nimport classNames from \"classnames\";\n\nexport type SkeletonTileProps = {\n    numberOfTiles: number;\n    tileHeight: number;\n    tileWidth: number | string;\n    tileBottomSpace: number;\n    tileTopSpace: number;\n    tileleftSpace: number;\n    tileRadius?: number;\n    testId?: string;\n};\n\nconst SkeletonTile: React.FC<SkeletonTileProps> = (props) => {\n    const {\n        numberOfTiles,\n        tileleftSpace,\n        tileTopSpace,\n        tileHeight,\n        tileBottomSpace,\n        tileWidth,\n        testId,\n        tileRadius = 7,\n    } = props;\n\n    const svgHeight =\n        numberOfTiles * tileHeight +\n        numberOfTiles * tileBottomSpace +\n        numberOfTiles * tileTopSpace;\n\n    const svgWidth =\n        typeof tileWidth === \"string\" ? tileWidth : tileWidth + tileleftSpace;\n\n    return (\n        <svg\n            data-testid={testId}\n            height={svgHeight}\n            width={svgWidth}\n            className={classNames(\n                \"collab-skeletonTileSvgClass\",\n                collabStyles()[\"collab-skeletonTileSvgClass\"]\n            )}\n            fill=\"#EDF1F7\"\n        >\n            {Array.from({ length: numberOfTiles }).map((_, index) => (\n                <g key={index}>\n                    <rect\n                        data-testid=\"rect\"\n                        x={tileleftSpace}\n                        y={\n                            index * (tileHeight + tileBottomSpace) +\n                            tileTopSpace\n                        }\n                        rx={tileRadius}\n                        width={tileWidth}\n                        height={tileHeight}\n                    />\n                </g>\n            ))}\n        </svg>\n    );\n};\n\nSkeletonTile.defaultProps = {\n    testId: \"collab-skeletonTile\",\n} as Partial<SkeletonTileProps>;\n\nexport default SkeletonTile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAA6B;AAC7B,wBAAuB;AA8CH;AAjCpB,IAAM,eAA4C,CAAC,UAAU;AACzD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,EACjB,IAAI;AAEJ,QAAM,YACF,gBAAgB,aAChB,gBAAgB,kBAChB,gBAAgB;AAEpB,QAAM,WACF,OAAO,cAAc,WAAW,YAAY,YAAY;AAE5D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAa;AAAA,MACb,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,4BAAa,EAAE,6BAA6B;AAAA,MAChD;AAAA,MACA,MAAK;AAAA,MAEJ,gBAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG,UAC3C,4CAAC,OACG;AAAA,QAAC;AAAA;AAAA,UACG,eAAY;AAAA,UACZ,GAAG;AAAA,UACH,GACI,SAAS,aAAa,mBACtB;AAAA,UAEJ,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,QAAQ;AAAA;AAAA,MACZ,KAXI,KAYR,CACH;AAAA;AAAA,EACL;AAER;AAEA,aAAa,eAAe;AAAA,EACxB,QAAQ;AACZ;AAEA,IAAO,uBAAQ;","names":["classNames"]}