singularity-components 0.1.131 → 0.1.133

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.
Files changed (5) hide show
  1. package/README.md +4 -0
  2. package/dist/components/primitives/ui-image.d.ts +6 -2
  3. package/dist/components/primitives/ui-image.js +16 -11
  4. package/dist/components/primitives/ui-image.js.map +1 -1
  5. package/package.json +109 -28
package/README.md CHANGED
@@ -13,3 +13,7 @@ npm publish
13
13
  ## Start Storybook:
14
14
 
15
15
  npm run storybook
16
+
17
+ ## Pack locally
18
+
19
+ npm pack singularity-components
package/dist/components/primitives/ui-image.d.ts CHANGED
@@ -1,6 +1,10 @@
1
- import React__default from 'react';
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { BaseImageProps } from '../providers/ImageContext.js';
3
+ import 'react';
3
4
 
4
- declare const UiImage: React__default.FC<BaseImageProps>;
5
+ type Props = {
6
+ showDefaultImage?: boolean;
7
+ } & BaseImageProps;
8
+ declare function UiImage({ showDefaultImage, ...props }: Props): react_jsx_runtime.JSX.Element;
5
9
 
6
10
  export { UiImage };
package/dist/components/primitives/ui-image.js CHANGED
@@ -1,28 +1,33 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import React, { useEffect, useState } from "react";
3
+ import { useEffect, useState } from "react";
4
4
  import {
5
5
  DefaultImage,
6
6
  useImage
7
7
  } from "../providers/ImageContext";
8
- const UiImage = (props) => {
8
+ import { Skeleton } from "./skeleton/skeleton";
9
+ function UiImage({ showDefaultImage = true, ...props }) {
9
10
  const [isClient, setIsClient] = useState(false);
10
11
  const ImageComponent = useImage();
11
12
  useEffect(() => {
12
13
  setIsClient(true);
13
14
  }, []);
14
15
  if (!isClient) {
15
- return /* @__PURE__ */ jsx(
16
- DefaultImage,
17
- {
18
- src: props.src,
19
- alt: props.alt,
20
- className: props.className
21
- }
22
- );
16
+ if (showDefaultImage) {
17
+ return /* @__PURE__ */ jsx(
18
+ DefaultImage,
19
+ {
20
+ src: props.src,
21
+ alt: props.alt,
22
+ className: props.className
23
+ }
24
+ );
25
+ } else {
26
+ return /* @__PURE__ */ jsx(Skeleton, {});
27
+ }
23
28
  }
24
29
  return /* @__PURE__ */ jsx(ImageComponent, { ...props });
25
- };
30
+ }
26
31
  export {
27
32
  UiImage
28
33
  };
package/dist/components/primitives/ui-image.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/primitives/ui-image.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n DefaultImage,\r\n useImage,\r\n type BaseImageProps,\r\n} from \"../providers/ImageContext\";\r\n\r\nexport const UiImage: React.FC<BaseImageProps> = (props) => {\r\n const [isClient, setIsClient] = useState(false);\r\n const ImageComponent = useImage();\r\n\r\n useEffect(() => {\r\n setIsClient(true);\r\n }, []);\r\n\r\n if (!isClient) {\r\n return (\r\n <DefaultImage\r\n src={props.src}\r\n alt={props.alt}\r\n className={props.className}\r\n />\r\n );\r\n }\r\n\r\n return <ImageComponent {...props} />;\r\n};\r\n"],"mappings":";AAkBM;AAjBN,OAAO,SAAS,WAAW,gBAAgB;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEA,MAAM,UAAoC,CAAC,UAAU;AAC1D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,iBAAiB,SAAS;AAEhC,YAAU,MAAM;AACd,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,UAAU;AACb,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,MAAM;AAAA,QACX,KAAK,MAAM;AAAA,QACX,WAAW,MAAM;AAAA;AAAA,IACnB;AAAA,EAEJ;AAEA,SAAO,oBAAC,kBAAgB,GAAG,OAAO;AACpC;","names":[]}
1
+ {"version":3,"sources":["../../../src/components/primitives/ui-image.tsx"],"sourcesContent":["\"use client\";\r\nimport { useEffect, useState } from \"react\";\r\nimport {\r\n DefaultImage,\r\n useImage,\r\n type BaseImageProps,\r\n} from \"../providers/ImageContext\";\r\nimport { Skeleton } from \"./skeleton/skeleton\";\r\n\r\ntype Props = {\r\n showDefaultImage?: boolean;\r\n} & BaseImageProps;\r\n\r\nexport function UiImage({ showDefaultImage = true, ...props }: Props) {\r\n const [isClient, setIsClient] = useState(false);\r\n const ImageComponent = useImage();\r\n\r\n useEffect(() => {\r\n setIsClient(true);\r\n }, []);\r\n\r\n if (!isClient) {\r\n if (showDefaultImage) {\r\n return (\r\n <DefaultImage\r\n src={props.src}\r\n alt={props.alt}\r\n className={props.className}\r\n />\r\n );\r\n } else {\r\n return <Skeleton />;\r\n }\r\n }\r\n\r\n return <ImageComponent {...props} />;\r\n}\r\n"],"mappings":";AAwBQ;AAvBR,SAAS,WAAW,gBAAgB;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,gBAAgB;AAMlB,SAAS,QAAQ,EAAE,mBAAmB,MAAM,GAAG,MAAM,GAAU;AACpE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,iBAAiB,SAAS;AAEhC,YAAU,MAAM;AACd,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,UAAU;AACb,QAAI,kBAAkB;AACpB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,MAAM;AAAA,UACX,KAAK,MAAM;AAAA,UACX,WAAW,MAAM;AAAA;AAAA,MACnB;AAAA,IAEJ,OAAO;AACL,aAAO,oBAAC,YAAS;AAAA,IACnB;AAAA,EACF;AAEA,SAAO,oBAAC,kBAAgB,GAAG,OAAO;AACpC;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "singularity-components",
3
- "version": "0.1.131",
3
+ "version": "0.1.133",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -17,33 +17,114 @@
17
17
  "types": "./dist/*.d.ts",
18
18
  "import": "./dist/*.js"
19
19
  },
20
- "./components/primitives/accordion/accordion": "./dist/components/primitives/accordion/accordion.js",
21
- "./components/primitives/alert/alert": "./dist/components/primitives/alert/alert.js",
22
- "./components/primitives/badge/badge": "./dist/components/primitives/badge/badge.js",
23
- "./components/primitives/badge/badges": "./dist/components/primitives/badge/badges.js",
24
- "./components/primitives/button/button": "./dist/components/primitives/button/button.js",
25
- "./components/primitives/icon/icon": "./dist/components/primitives/icon/icon.js",
26
- "./components/primitives/input/input": "./dist/components/primitives/input/input.js",
27
- "./components/primitives/layout/layout": "./dist/components/primitives/layout/layout.js",
28
- "./components/primitives/separator/separator": "./dist/components/primitives/separator/separator.js",
29
- "./components/primitives/skeleton/skeleton": "./dist/components/primitives/skeleton/skeleton.js",
30
- "./components/primitives/spinner/spinner": "./dist/components/primitives/spinner/spinner.js",
31
- "./components/primitives/stack/stack": "./dist/components/primitives/stack/stack.js",
32
- "./components/primitives/table/table": "./dist/components/primitives/table/table.js",
33
- "./components/primitives/text/text-div": "./dist/components/primitives/text/text-div.js",
34
- "./components/primitives/text/text-heading": "./dist/components/primitives/text/text-heading.js",
35
- "./components/primitives/text/text-paragraph": "./dist/components/primitives/text/text-paragraph.js",
36
- "./components/primitives/text/text-span": "./dist/components/primitives/text/text-span.js",
37
- "./components/primitives/text/text-time": "./dist/components/primitives/text/text-time.js",
38
- "./components/primitives/ui-image": "./dist/components/primitives/ui-image.js",
39
- "./components/primitives/ui-link": "./dist/components/primitives/ui-link.js",
40
- "./components/units/cards/blog-card": "./dist/components/units/cards/blog-card.js",
41
- "./components/units/cards/card": "./dist/components/units/cards/card.js",
42
- "./components/units/cards/cards": "./dist/components/units/cards/cards.js",
43
- "./components/providers/ImageContext": "./dist/components/providers/ImageContext.js",
44
- "./components/providers/LinkContext": "./dist/components/providers/LinkContext.js",
45
- "./components/providers/SingularityContext": "./dist/components/providers/SingularityContext.js",
46
- "./utils": "./dist/utils.js"
20
+ "./components/primitives/accordion/accordion": {
21
+ "types": "./dist/components/primitives/accordion/accordion.d.ts",
22
+ "import": "./dist/components/primitives/accordion/accordion.js"
23
+ },
24
+ "./components/primitives/alert/alert": {
25
+ "types": "./dist/components/primitives/alert/alert.d.ts",
26
+ "import": "./dist/components/primitives/alert/alert.js"
27
+ },
28
+ "./components/primitives/badge/badge": {
29
+ "types": "./dist/components/primitives/badge/badge.d.ts",
30
+ "import": "./dist/components/primitives/badge/badge.js"
31
+ },
32
+ "./components/primitives/badge/badges": {
33
+ "types": "./dist/components/primitives/badge/badges.d.ts",
34
+ "import": "./dist/components/primitives/badge/badges.js"
35
+ },
36
+ "./components/primitives/button/button": {
37
+ "types": "./dist/components/primitives/button/button.d.ts",
38
+ "import": "./dist/components/primitives/button/button.js"
39
+ },
40
+ "./components/primitives/icon/icon": {
41
+ "types": "./dist/components/primitives/icon/icon.d.ts",
42
+ "import": "./dist/components/primitives/icon/icon.js"
43
+ },
44
+ "./components/primitives/input/input": {
45
+ "types": "./dist/components/primitives/input/input.d.ts",
46
+ "import": "./dist/components/primitives/input/input.js"
47
+ },
48
+ "./components/primitives/layout/layout": {
49
+ "types": "./dist/components/primitives/layout/layout.d.ts",
50
+ "import": "./dist/components/primitives/layout/layout.js"
51
+ },
52
+ "./components/primitives/separator/separator": {
53
+ "types": "./dist/components/primitives/separator/separator.d.ts",
54
+ "import": "./dist/components/primitives/separator/separator.js"
55
+ },
56
+ "./components/primitives/skeleton/skeleton": {
57
+ "types": "./dist/components/primitives/skeleton/skeleton.d.ts",
58
+ "import": "./dist/components/primitives/skeleton/skeleton.js"
59
+ },
60
+ "./components/primitives/spinner/spinner": {
61
+ "types": "./dist/components/primitives/spinner/spinner.d.ts",
62
+ "import": "./dist/components/primitives/spinner/spinner.js"
63
+ },
64
+ "./components/primitives/stack/stack": {
65
+ "types": "./dist/components/primitives/stack/stack.d.ts",
66
+ "import": "./dist/components/primitives/stack/stack.js"
67
+ },
68
+ "./components/primitives/table/table": {
69
+ "types": "./dist/components/primitives/table/table.d.ts",
70
+ "import": "./dist/components/primitives/table/table.js"
71
+ },
72
+ "./components/primitives/text/text-div": {
73
+ "types": "./dist/components/primitives/text/text-div.d.ts",
74
+ "import": "./dist/components/primitives/text/text-div.js"
75
+ },
76
+ "./components/primitives/text/text-heading": {
77
+ "types": "./dist/components/primitives/text/text-heading.d.ts",
78
+ "import": "./dist/components/primitives/text/text-heading.js"
79
+ },
80
+ "./components/primitives/text/text-paragraph": {
81
+ "types": "./dist/components/primitives/text/text-paragraph.d.ts",
82
+ "import": "./dist/components/primitives/text/text-paragraph.js"
83
+ },
84
+ "./components/primitives/text/text-span": {
85
+ "types": "./dist/components/primitives/text/text-span.d.ts",
86
+ "import": "./dist/components/primitives/text/text-span.js"
87
+ },
88
+ "./components/primitives/text/text-time": {
89
+ "types": "./dist/components/primitives/text/text-time.d.ts",
90
+ "import": "./dist/components/primitives/text/text-time.js"
91
+ },
92
+ "./components/primitives/ui-image": {
93
+ "types": "./dist/components/primitives/ui-image.d.ts",
94
+ "import": "./dist/components/primitives/ui-image.js"
95
+ },
96
+ "./components/primitives/ui-link": {
97
+ "types": "./dist/components/primitives/ui-link.d.ts",
98
+ "import": "./dist/components/primitives/ui-link.js"
99
+ },
100
+ "./components/units/cards/blog-card": {
101
+ "types": "./dist/components/units/cards/blog-card.d.ts",
102
+ "import": "./dist/components/units/cards/blog-card.js"
103
+ },
104
+ "./components/units/cards/card": {
105
+ "types": "./dist/components/units/cards/card.d.ts",
106
+ "import": "./dist/components/units/cards/card.js"
107
+ },
108
+ "./components/units/cards/cards": {
109
+ "types": "./dist/components/units/cards/cards.d.ts",
110
+ "import": "./dist/components/units/cards/cards.js"
111
+ },
112
+ "./components/providers/ImageContext": {
113
+ "types": "./dist/components/providers/ImageContext.d.ts",
114
+ "import": "./dist/components/providers/ImageContext.js"
115
+ },
116
+ "./components/providers/LinkContext": {
117
+ "types": "./dist/components/providers/LinkContext.d.ts",
118
+ "import": "./dist/components/providers/LinkContext.js"
119
+ },
120
+ "./components/providers/SingularityContext": {
121
+ "types": "./dist/components/providers/SingularityContext.d.ts",
122
+ "import": "./dist/components/providers/SingularityContext.js"
123
+ },
124
+ "./utils": {
125
+ "types": "./dist/utils.d.ts",
126
+ "import": "./dist/utils.js"
127
+ }
47
128
  },
48
129
  "scripts": {
49
130
  "build": "tsup",