catchup-library-web 1.6.7 → 1.6.9

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/index.d.mts CHANGED
@@ -23,15 +23,16 @@ declare const CancelButton: ({ title, size, onClick, disabled, iconPosition, tex
23
23
 
24
24
  declare const ApproveButton: ({ title, size, onClick, disabled, iconPosition, textOnly, iconOnly, }: IButtonProps) => react_jsx_runtime.JSX.Element;
25
25
 
26
+ declare const BaseImage: (props: IBaseImageProps) => react_jsx_runtime.JSX.Element | null;
26
27
  interface IBaseImageProps {
27
- ref?: any;
28
- size: string;
28
+ ref?: React.RefObject<HTMLImageElement>;
29
+ size?: "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "3xlarge" | "4xlarge" | "custom";
29
30
  className?: string;
30
31
  widthClassName?: string;
31
32
  heightClassName?: string;
32
- src: string;
33
+ src?: string;
33
34
  hidden?: boolean;
34
- alt: string;
35
+ alt?: string;
35
36
  showLoading?: boolean;
36
37
  onLoad?: () => void;
37
38
  onClick?: (e: any) => void;
@@ -40,10 +41,9 @@ interface IBaseImageProps {
40
41
  dataToolTipPlace?: string;
41
42
  dataToolTipVariant?: string;
42
43
  dataToolTipHTML?: string;
44
+ borderRadius?: string;
43
45
  }
44
46
 
45
- declare const BaseImage: (props: IBaseImageProps) => react_jsx_runtime.JSX.Element | null;
46
-
47
47
  interface IBaseLoadingProps {
48
48
  height?: number;
49
49
  width?: number;
package/dist/index.d.ts CHANGED
@@ -23,15 +23,16 @@ declare const CancelButton: ({ title, size, onClick, disabled, iconPosition, tex
23
23
 
24
24
  declare const ApproveButton: ({ title, size, onClick, disabled, iconPosition, textOnly, iconOnly, }: IButtonProps) => react_jsx_runtime.JSX.Element;
25
25
 
26
+ declare const BaseImage: (props: IBaseImageProps) => react_jsx_runtime.JSX.Element | null;
26
27
  interface IBaseImageProps {
27
- ref?: any;
28
- size: string;
28
+ ref?: React.RefObject<HTMLImageElement>;
29
+ size?: "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "3xlarge" | "4xlarge" | "custom";
29
30
  className?: string;
30
31
  widthClassName?: string;
31
32
  heightClassName?: string;
32
- src: string;
33
+ src?: string;
33
34
  hidden?: boolean;
34
- alt: string;
35
+ alt?: string;
35
36
  showLoading?: boolean;
36
37
  onLoad?: () => void;
37
38
  onClick?: (e: any) => void;
@@ -40,10 +41,9 @@ interface IBaseImageProps {
40
41
  dataToolTipPlace?: string;
41
42
  dataToolTipVariant?: string;
42
43
  dataToolTipHTML?: string;
44
+ borderRadius?: string;
43
45
  }
44
46
 
45
- declare const BaseImage: (props: IBaseImageProps) => react_jsx_runtime.JSX.Element | null;
46
-
47
47
  interface IBaseLoadingProps {
48
48
  height?: number;
49
49
  width?: number;
package/dist/index.js CHANGED
@@ -314,7 +314,9 @@ var BaseImage = (props) => {
314
314
  dataToolTipContent,
315
315
  dataToolTipPlace,
316
316
  dataToolTipVariant,
317
- dataToolTipHTML
317
+ dataToolTipHTML,
318
+ borderRadius
319
+ // Add this prop
318
320
  } = props;
319
321
  const [key, setKey] = (0, import_react.useState)((/* @__PURE__ */ new Date()).getTime());
320
322
  const [loading, setLoading] = (0, import_react.useState)(false);
@@ -370,7 +372,7 @@ var BaseImage = (props) => {
370
372
  "img",
371
373
  {
372
374
  ref,
373
- className: "w-full",
375
+ className: `w-full ${borderRadius || ""}`,
374
376
  src,
375
377
  alt,
376
378
  onLoad,
@@ -7502,7 +7504,7 @@ var retrieveProvinceNameOptionList = () => {
7502
7504
  // { parent: "TURKEY", value: "GIRESUN", text: "Giresun", code: "28" },
7503
7505
  // { parent: "TURKEY", value: "GUMUSHANE", text: "Gümüşhane", code: "29" },
7504
7506
  // { parent: "TURKEY", value: "HAKKARI", text: "Hakkari", code: "30" },
7505
- // { parent: "TURKEY", value: "HATAY", text: "Hatay", code: "31" },
7507
+ { parent: "TURKEY", value: "HATAY", text: "Hatay", code: "31" },
7506
7508
  // { parent: "TURKEY", value: "ISPARTA", text: "Isparta", code: "32" },
7507
7509
  { parent: "TURKEY", value: "MERSIN", text: "Mersin", code: "33" },
7508
7510
  { parent: "TURKEY", value: "ISTANBUL", text: "\u0130stanbul", code: "34" },
@@ -8355,9 +8357,7 @@ var retrieveDateIntervalOptionList = () => {
8355
8357
  ];
8356
8358
  };
8357
8359
  var constructMonthName = (date) => {
8358
- return `${date.getDate()} ${retrieveMonthNameByIndex(
8359
- date.getMonth()
8360
- )} ${date.getFullYear()}`;
8360
+ return `${retrieveMonthNameByIndex(date.getMonth())} ${date.getFullYear()}`;
8361
8361
  };
8362
8362
  var constructWeekName = (beginDate, endDate, untilSunday) => {
8363
8363
  let currentEndDate;
package/dist/index.mjs CHANGED
@@ -121,7 +121,9 @@ var BaseImage = (props) => {
121
121
  dataToolTipContent,
122
122
  dataToolTipPlace,
123
123
  dataToolTipVariant,
124
- dataToolTipHTML
124
+ dataToolTipHTML,
125
+ borderRadius
126
+ // Add this prop
125
127
  } = props;
126
128
  const [key, setKey] = useState((/* @__PURE__ */ new Date()).getTime());
127
129
  const [loading, setLoading] = useState(false);
@@ -177,7 +179,7 @@ var BaseImage = (props) => {
177
179
  "img",
178
180
  {
179
181
  ref,
180
- className: "w-full",
182
+ className: `w-full ${borderRadius || ""}`,
181
183
  src,
182
184
  alt,
183
185
  onLoad,
@@ -7309,7 +7311,7 @@ var retrieveProvinceNameOptionList = () => {
7309
7311
  // { parent: "TURKEY", value: "GIRESUN", text: "Giresun", code: "28" },
7310
7312
  // { parent: "TURKEY", value: "GUMUSHANE", text: "Gümüşhane", code: "29" },
7311
7313
  // { parent: "TURKEY", value: "HAKKARI", text: "Hakkari", code: "30" },
7312
- // { parent: "TURKEY", value: "HATAY", text: "Hatay", code: "31" },
7314
+ { parent: "TURKEY", value: "HATAY", text: "Hatay", code: "31" },
7313
7315
  // { parent: "TURKEY", value: "ISPARTA", text: "Isparta", code: "32" },
7314
7316
  { parent: "TURKEY", value: "MERSIN", text: "Mersin", code: "33" },
7315
7317
  { parent: "TURKEY", value: "ISTANBUL", text: "\u0130stanbul", code: "34" },
@@ -8162,9 +8164,7 @@ var retrieveDateIntervalOptionList = () => {
8162
8164
  ];
8163
8165
  };
8164
8166
  var constructMonthName = (date) => {
8165
- return `${date.getDate()} ${retrieveMonthNameByIndex(
8166
- date.getMonth()
8167
- )} ${date.getFullYear()}`;
8167
+ return `${retrieveMonthNameByIndex(date.getMonth())} ${date.getFullYear()}`;
8168
8168
  };
8169
8169
  var constructWeekName = (beginDate, endDate, untilSunday) => {
8170
8170
  let currentEndDate;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "catchup-library-web",
3
- "version": "1.6.7",
3
+ "version": "1.6.9",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -1,6 +1,5 @@
1
1
  import { useState } from "react";
2
2
  import BaseLoading from "../loading/BaseLoading";
3
- import { IBaseImageProps } from "../../properties/ImageProperties";
4
3
 
5
4
  const BaseImage = (props: IBaseImageProps) => {
6
5
  const {
@@ -20,6 +19,7 @@ const BaseImage = (props: IBaseImageProps) => {
20
19
  dataToolTipPlace,
21
20
  dataToolTipVariant,
22
21
  dataToolTipHTML,
22
+ borderRadius, // Add this prop
23
23
  } = props;
24
24
  const [key, setKey] = useState(new Date().getTime());
25
25
  const [loading, setLoading] = useState(false);
@@ -84,7 +84,7 @@ const BaseImage = (props: IBaseImageProps) => {
84
84
  >
85
85
  <img
86
86
  ref={ref}
87
- className="w-full"
87
+ className={`w-full ${borderRadius || ""}`} // Apply border radius class here
88
88
  src={src}
89
89
  alt={alt}
90
90
  onLoad={onLoad}
@@ -98,4 +98,34 @@ const BaseImage = (props: IBaseImageProps) => {
98
98
  );
99
99
  };
100
100
 
101
+ // Then update your IBaseImageProps interface to include the borderRadius property
102
+ interface IBaseImageProps {
103
+ ref?: React.RefObject<HTMLImageElement>;
104
+ size?:
105
+ | "xsmall"
106
+ | "small"
107
+ | "medium"
108
+ | "large"
109
+ | "xlarge"
110
+ | "2xlarge"
111
+ | "3xlarge"
112
+ | "4xlarge"
113
+ | "custom";
114
+ className?: string;
115
+ widthClassName?: string;
116
+ heightClassName?: string;
117
+ src?: string;
118
+ hidden?: boolean;
119
+ alt?: string;
120
+ showLoading?: boolean;
121
+ onLoad?: () => void;
122
+ onClick?: (e: any) => void;
123
+ dataToolTipId?: string;
124
+ dataToolTipContent?: string;
125
+ dataToolTipPlace?: string;
126
+ dataToolTipVariant?: string;
127
+ dataToolTipHTML?: string;
128
+ borderRadius?: string; // Add this property
129
+ }
130
+
101
131
  export default BaseImage;
@@ -56,9 +56,7 @@ export const retrieveDateIntervalOptionList = () => {
56
56
  };
57
57
 
58
58
  export const constructMonthName = (date: Date): string => {
59
- return `${date.getDate()} ${retrieveMonthNameByIndex(
60
- date.getMonth()
61
- )} ${date.getFullYear()}`;
59
+ return `${retrieveMonthNameByIndex(date.getMonth())} ${date.getFullYear()}`;
62
60
  };
63
61
 
64
62
  export const constructWeekName = (
@@ -677,7 +677,7 @@ export const retrieveProvinceNameOptionList = () => {
677
677
  // { parent: "TURKEY", value: "GIRESUN", text: "Giresun", code: "28" },
678
678
  // { parent: "TURKEY", value: "GUMUSHANE", text: "Gümüşhane", code: "29" },
679
679
  // { parent: "TURKEY", value: "HAKKARI", text: "Hakkari", code: "30" },
680
- // { parent: "TURKEY", value: "HATAY", text: "Hatay", code: "31" },
680
+ { parent: "TURKEY", value: "HATAY", text: "Hatay", code: "31" },
681
681
  // { parent: "TURKEY", value: "ISPARTA", text: "Isparta", code: "32" },
682
682
  { parent: "TURKEY", value: "MERSIN", text: "Mersin", code: "33" },
683
683
  { parent: "TURKEY", value: "ISTANBUL", text: "İstanbul", code: "34" },