@iit/precision-ui 0.8.40 → 0.8.41

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.
@@ -1,11 +1,12 @@
1
1
  import { default as React } from 'react';
2
2
 
3
- export declare const CarouselWrapper: <T>({ items, renderItem, columns, hideControlsOnDesktop, className, variant, controlsAlign, lastCustomNode, }: {
3
+ export declare const CarouselWrapper: <T>({ items, renderItem, columns, hideControlsOnDesktop, className, itemClassName, variant, controlsAlign, lastCustomNode, }: {
4
4
  items: T[];
5
5
  renderItem: (item: T, index: number) => React.ReactNode;
6
6
  columns: number;
7
7
  hideControlsOnDesktop: boolean;
8
8
  className?: string;
9
+ itemClassName?: string;
9
10
  variant?: 'default' | 'white';
10
11
  controlsAlign?: 'left' | 'center';
11
12
  lastCustomNode?: React.ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,iHASzB;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,SAAS,CAAA;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,SAAS,CAAA;CACjC,gDAuCA,CAAA"}
1
+ {"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,gIAUzB;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,SAAS,CAAA;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,SAAS,CAAA;CACjC,gDAuCA,CAAA"}
@@ -1,17 +1,18 @@
1
- import { Carousel as p, CarouselContent as b, CarouselItem as C } from "./index.es60.js";
1
+ import { Carousel as b, CarouselContent as C, CarouselItem as f } from "./index.es60.js";
2
2
  import e from "react";
3
- import { cn as f } from "./index.es55.js";
4
- const N = ({
3
+ import { cn as d } from "./index.es55.js";
4
+ const w = ({
5
5
  items: r,
6
6
  renderItem: t,
7
7
  columns: l,
8
8
  hideControlsOnDesktop: m,
9
9
  className: o,
10
- variant: c,
11
- controlsAlign: u,
12
- lastCustomNode: n
10
+ itemClassName: c,
11
+ variant: u,
12
+ controlsAlign: n,
13
+ lastCustomNode: i
13
14
  }) => {
14
- const i = (s) => {
15
+ const p = (s) => {
15
16
  switch (s ?? l) {
16
17
  case 2:
17
18
  return "md:basis-1/2 lg:basis-1/2";
@@ -24,30 +25,30 @@ const N = ({
24
25
  }
25
26
  };
26
27
  return /* @__PURE__ */ e.createElement(
27
- p,
28
+ b,
28
29
  {
29
30
  opts: {
30
31
  align: "start"
31
32
  },
32
- className: f("my-carousel w-full -mt-3", o),
33
+ className: d("my-carousel w-full -mt-3", o),
33
34
  hideControlsOnDesktop: m,
34
- variant: c,
35
- controlsAlign: u
35
+ variant: u,
36
+ controlsAlign: n
36
37
  },
37
- /* @__PURE__ */ e.createElement(b, { className: "-ml-4 pt-3" }, r.map((s, a) => /* @__PURE__ */ e.createElement(
38
- C,
38
+ /* @__PURE__ */ e.createElement(C, { className: "-ml-4 pt-3" }, r.map((s, a) => /* @__PURE__ */ e.createElement(
39
+ f,
39
40
  {
40
41
  key: a,
41
- className: `pl-4 ${i(
42
+ className: `pl-4 ${p(
42
43
  s.size
43
44
  // Safely access `size` property
44
- )}`
45
+ )} ${c}`
45
46
  },
46
47
  t(s, a)
47
- )), n)
48
+ )), i)
48
49
  );
49
50
  };
50
51
  export {
51
- N as CarouselWrapper
52
+ w as CarouselWrapper
52
53
  };
53
54
  //# sourceMappingURL=index.es44.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es44.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n Carousel,\r\n CarouselContent,\r\n CarouselItem,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n items,\r\n renderItem,\r\n columns,\r\n hideControlsOnDesktop,\r\n className,\r\n variant,\r\n controlsAlign,\r\n lastCustomNode,\r\n}: {\r\n items: T[]\r\n renderItem: (item: T, index: number) => React.ReactNode\r\n columns: number\r\n hideControlsOnDesktop: boolean\r\n className?: string\r\n variant?: 'default' | 'white'\r\n controlsAlign?: 'left' | 'center'\r\n lastCustomNode?: React.ReactNode\r\n}) => {\r\n const carouselColumnsClasses = (size?: number) => {\r\n switch (size ?? columns) {\r\n case 2:\r\n return 'md:basis-1/2 lg:basis-1/2'\r\n case 3:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n case 4:\r\n return 'md:basis-1/2 lg:basis-1/4'\r\n default:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n }\r\n }\r\n\r\n return (\r\n <Carousel\r\n opts={{\r\n align: 'start',\r\n }}\r\n className={cn('my-carousel w-full -mt-3', className)}\r\n hideControlsOnDesktop={hideControlsOnDesktop}\r\n variant={variant}\r\n controlsAlign={controlsAlign}\r\n >\r\n <CarouselContent className=\"-ml-4 pt-3\">\r\n {items.map((item, index) => (\r\n <CarouselItem\r\n key={index}\r\n className={`pl-4 ${carouselColumnsClasses(\r\n (item as { size?: number }).size // Safely access `size` property\r\n )}`}\r\n >\r\n {renderItem(item, index)}\r\n </CarouselItem>\r\n ))}\r\n {lastCustomNode}\r\n </CarouselContent>\r\n </Carousel>\r\n )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","variant","controlsAlign","lastCustomNode","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem"],"mappings":";;;AASO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AACF,MASM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQP,GAAS;AAAA,MACvB,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAIA,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,4BAA4BR,CAAS;AAAA,MACnD,uBAAAD;AAAA,MACA,SAAAE;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEAI,gBAAAA,EAAA,cAACG,KAAgB,WAAU,aAAA,GACxBb,EAAM,IAAI,CAACc,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B;AAAA,MAAA;AAAA,MAEAb,EAAWa,GAAMC,CAAK;AAAA,IAE1B,CAAA,GACAR,CACH;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"index.es44.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n Carousel,\r\n CarouselContent,\r\n CarouselItem,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n items,\r\n renderItem,\r\n columns,\r\n hideControlsOnDesktop,\r\n className,\r\n itemClassName,\r\n variant,\r\n controlsAlign,\r\n lastCustomNode,\r\n}: {\r\n items: T[]\r\n renderItem: (item: T, index: number) => React.ReactNode\r\n columns: number\r\n hideControlsOnDesktop: boolean\r\n className?: string\r\n itemClassName?: string\r\n variant?: 'default' | 'white'\r\n controlsAlign?: 'left' | 'center'\r\n lastCustomNode?: React.ReactNode\r\n}) => {\r\n const carouselColumnsClasses = (size?: number) => {\r\n switch (size ?? columns) {\r\n case 2:\r\n return 'md:basis-1/2 lg:basis-1/2'\r\n case 3:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n case 4:\r\n return 'md:basis-1/2 lg:basis-1/4'\r\n default:\r\n return 'md:basis-1/2 lg:basis-1/3'\r\n }\r\n }\r\n\r\n return (\r\n <Carousel\r\n opts={{\r\n align: 'start',\r\n }}\r\n className={cn('my-carousel w-full -mt-3', className)}\r\n hideControlsOnDesktop={hideControlsOnDesktop}\r\n variant={variant}\r\n controlsAlign={controlsAlign}\r\n >\r\n <CarouselContent className=\"-ml-4 pt-3\">\r\n {items.map((item, index) => (\r\n <CarouselItem\r\n key={index}\r\n className={`pl-4 ${carouselColumnsClasses(\r\n (item as { size?: number }).size // Safely access `size` property\r\n )} ${itemClassName}`}\r\n >\r\n {renderItem(item, index)}\r\n </CarouselItem>\r\n ))}\r\n {lastCustomNode}\r\n </CarouselContent>\r\n </Carousel>\r\n )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","itemClassName","variant","controlsAlign","lastCustomNode","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem"],"mappings":";;;AASO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AACF,MAUM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQR,GAAS;AAAA,MACvB,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAIA,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,4BAA4BT,CAAS;AAAA,MACnD,uBAAAD;AAAA,MACA,SAAAG;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEAI,gBAAAA,EAAA,cAACG,KAAgB,WAAU,aAAA,GACxBd,EAAM,IAAI,CAACe,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B,IAAIV,CAAa;AAAA,MAAA;AAAA,MAEjBJ,EAAWc,GAAMC,CAAK;AAAA,IAE1B,CAAA,GACAR,CACH;AAAA,EAAA;AAGN;"}
package/package.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "type": "git",
14
14
  "url": "git+https://github.com/wowxoxo/precision-ui.git"
15
15
  },
16
- "version": "0.8.40",
16
+ "version": "0.8.41",
17
17
  "type": "module",
18
18
  "module": "./dist/index.es.js",
19
19
  "types": "./dist/index.d.ts",