@selfcommunity/react-ui 0.5.2-alpha.3 → 0.5.3-alpha.1

package/lib/esm/components/Header/MobileHeader/Skeleton.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { AppBar, Box } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import Skeleton from '@mui/material/Skeleton';
+const PREFIX = 'SCMobileHeaderSkeleton';
+const classes = {
+    root: `${PREFIX}-root`
+};
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(() => ({}));
+/**
+ * > API documentation for the Community-JS Header Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {MobileHeaderSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCMobileHeaderSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCMobileHeaderSkeleton-root|Styles applied to the root element.|
+ *
+ */
+export default function CategoryHeaderSkeleton() {
+    return (React.createElement(Root, { className: classes.root },
+        React.createElement(AppBar, { sx: { position: 'fixed' } },
+            React.createElement(Skeleton, { sx: { height: 60 }, animation: "wave", variant: "rectangular" })),
+        React.createElement(AppBar, { sx: { position: 'fixed', top: 'auto', bottom: 0 } },
+            React.createElement(Skeleton, { sx: { height: 60 }, animation: "wave", variant: "rectangular" }))));
+}
+//# sourceMappingURL=Skeleton.js.map

package/lib/esm/components/Header/MobileHeader/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,MAAM,MAAM,GAAG,wBAAwB,CAAC;AAExC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACf;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC5C,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,oBAAC,MAAM,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAC;YAAE,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,GAAG,CAAS;QAC/G,oBAAC,MAAM,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAC;YAAE,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,GAAG,CAAS,CAClI,CACR,CAAC;AACJ,CAAC"}

package/lib/esm/components/Header/MobileHeader/index.d.ts

@@ -1,4 +1,5 @@
 import MobileHeader, { MobileHeaderProps } from './MobileHeader';
+import MobileHeaderSkeleton from './Skeleton';
 export default MobileHeader;
-export { MobileHeaderProps };
+export { MobileHeaderProps, MobileHeaderSkeleton };
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/components/Header/MobileHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,EAAE,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAC/D,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,EAAE,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAC/D,OAAO,oBAAoB,MAAM,YAAY,CAAC;AAC9C,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAC,iBAAiB,EAAE,oBAAoB,EAAC,CAAC"}

package/lib/esm/components/Header/MobileHeader/index.js

@@ -1,3 +1,5 @@
 import MobileHeader from './MobileHeader';
+import MobileHeaderSkeleton from './Skeleton';
 export default MobileHeader;
+export { MobileHeaderSkeleton };
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Header/MobileHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAiC,MAAM,gBAAgB,CAAC;AAC/D,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAiC,MAAM,gBAAgB,CAAC;AAC/D,OAAO,oBAAoB,MAAM,YAAY,CAAC;AAC9C,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAoB,oBAAoB,EAAC,CAAC"}

package/lib/esm/components/Header/Skeleton.d.ts

@@ -0,0 +1,23 @@
+/**
+ * > API documentation for the Community-JS Header Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {HeaderSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCHeaderSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCHeaderSkeleton-root|Styles applied to the root element.|
+ |icon|.SCHeaderSkeleton-icon|Styles applied to the icon element.|
+ *
+ */
+export default function CategoryHeaderSkeleton(): JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/esm/components/Header/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Skeleton.tsx"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,IAAI,GAAG,CAAC,OAAO,CAM5D"}

package/lib/esm/components/Header/Skeleton.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Box } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import Skeleton from '@mui/material/Skeleton';
+const PREFIX = 'SCHeaderSkeleton';
+const classes = {
+    root: `${PREFIX}-root`,
+    icon: `${PREFIX}-icon`,
+};
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(() => ({
+    position: 'relative',
+    // [`& .${classes.icon}`]: {
+    // },
+}));
+/**
+ * > API documentation for the Community-JS Header Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {HeaderSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCHeaderSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCHeaderSkeleton-root|Styles applied to the root element.|
+ |icon|.SCHeaderSkeleton-icon|Styles applied to the icon element.|
+ *
+ */
+export default function CategoryHeaderSkeleton() {
+    return (React.createElement(Root, { className: classes.root },
+        React.createElement(Skeleton, { sx: { height: 60 }, animation: "wave", variant: "rectangular" })));
+}
+//# sourceMappingURL=Skeleton.js.map

package/lib/esm/components/Header/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Header/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAC;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAElC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACR,QAAQ,EAAE,UAAU;IACpB,4BAA4B;IAC5B,KAAK;CACN,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC5C,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,GAAG,CAChE,CACR,CAAC;AACJ,CAAC"}

package/lib/esm/components/Header/index.d.ts

@@ -1,4 +1,5 @@
 import Header, { HeaderProps } from './Header';
+import HeaderSkeleton from './Skeleton';
 export default Header;
-export { HeaderProps };
+export { HeaderProps, HeaderSkeleton };
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/components/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7C,eAAe,MAAM,CAAC;AACtB,OAAO,EAAC,WAAW,EAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7C,OAAO,cAAc,MAAM,YAAY,CAAC;AACxC,eAAe,MAAM,CAAC;AACtB,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,CAAC"}

package/lib/esm/components/Header/index.js

@@ -1,3 +1,5 @@
 import Header from './Header';
+import HeaderSkeleton from './Skeleton';
 export default Header;
+export { HeaderSkeleton };
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAqB,MAAM,UAAU,CAAC;AAC7C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAqB,MAAM,UAAU,CAAC;AAC7C,OAAO,cAAc,MAAM,YAAY,CAAC;AACxC,eAAe,MAAM,CAAC;AACtB,OAAO,EAAc,cAAc,EAAC,CAAC"}