namirasoft-site-react 1.4.403 → 1.4.404
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/.dockerignore +86 -86
- package/.env.template +10 -10
- package/Dockerfile +18 -18
- package/config-overrides.js +72 -72
- package/dist/App.css +34 -0
- package/dist/components/NSBanner.module.css +47 -47
- package/dist/components/NSBarAction.module.css +84 -84
- package/dist/components/NSBarAlert.module.css +79 -79
- package/dist/components/NSBarNotification.module.css +34 -34
- package/dist/components/NSBarTitle.module.css +9 -9
- package/dist/components/NSBox.module.css +54 -54
- package/dist/components/NSBoxBaseCombo.module.css +6 -6
- package/dist/components/NSBoxBoolean.module.css +73 -73
- package/dist/components/NSBoxDate.module.css +4 -4
- package/dist/components/NSBoxDateTime.module.css +4 -4
- package/dist/components/NSBoxDuration.module.css +4 -4
- package/dist/components/NSBoxFile.module.css +10 -10
- package/dist/components/NSBoxPhone.module.css +35 -35
- package/dist/components/NSBoxRadio.module.css +33 -33
- package/dist/components/NSBoxSchemaBase.module.css +17 -17
- package/dist/components/NSBoxSchemaVariable.module.css +16 -16
- package/dist/components/NSBoxTextArea.module.css +12 -12
- package/dist/components/NSBoxTime.module.css +4 -4
- package/dist/components/NSButton.module.css +57 -57
- package/dist/components/NSButtonBlue.module.css +4 -4
- package/dist/components/NSButtonGreen.module.css +4 -4
- package/dist/components/NSButtonRed.module.css +4 -4
- package/dist/components/NSCard.module.css +114 -114
- package/dist/components/NSCardScreenshot.module.css +41 -41
- package/dist/components/NSChartColumn.module.css +7 -7
- package/dist/components/NSChartTable.module.css +21 -21
- package/dist/components/NSColumn.module.css +16 -16
- package/dist/components/NSCopyBox.module.css +39 -39
- package/dist/components/NSDialog.module.css +112 -112
- package/dist/components/NSDialogPageSelection.module.css +103 -103
- package/dist/components/NSDownTimer.module.css +55 -55
- package/dist/components/NSDownload.module.css +46 -46
- package/dist/components/NSElectronicCard.module.css +60 -60
- package/dist/components/NSEntityCardBackground.module.css +27 -27
- package/dist/components/NSFilterBox.module.css +27 -27
- package/dist/components/NSFilterBoxItems.module.css +15 -15
- package/dist/components/NSFilterItem.module.css +24 -24
- package/dist/components/NSFooter.module.css +134 -134
- package/dist/components/NSHeader.js +11 -6
- package/dist/components/NSHeader.js.map +1 -1
- package/dist/components/NSHeader.module.css +291 -291
- package/dist/components/NSHeaderScreenshot.module.css +35 -35
- package/dist/components/NSLabel.module.css +25 -25
- package/dist/components/NSLabelErrorNotifier.module.css +2 -2
- package/dist/components/NSLayout.module.css +14 -14
- package/dist/components/NSLine.module.css +15 -15
- package/dist/components/NSLink.module.css +36 -36
- package/dist/components/NSListGrouped.module.css +69 -69
- package/dist/components/NSLoading.module.css +38 -38
- package/dist/components/NSMenuAction.module.css +88 -88
- package/dist/components/NSMenuButton.module.css +44 -44
- package/dist/components/NSNoData.module.css +9 -9
- package/dist/components/NSPagination.module.css +85 -85
- package/dist/components/NSPanel.module.css +19 -19
- package/dist/components/NSPanelAccordion.module.css +4 -4
- package/dist/components/NSProductSearch.js +18 -7
- package/dist/components/NSProductSearch.js.map +1 -1
- package/dist/components/NSProductSearch.module.css +73 -68
- package/dist/components/NSRange.module.css +66 -66
- package/dist/components/NSRow.module.css +17 -17
- package/dist/components/NSSection.module.css +4 -4
- package/dist/components/NSSectionCards.module.css +38 -38
- package/dist/components/NSSectionTiles.module.css +10 -10
- package/dist/components/NSTabPage.module.css +59 -59
- package/dist/components/NSTable.module.css +263 -263
- package/dist/components/NSTile.module.css +76 -76
- package/dist/components/NSTimelineMonthly.module.css +71 -71
- package/dist/components/NSTitle.module.css +15 -15
- package/dist/index.css +6 -0
- package/dist/pages/NSNotFoundPage.module.css +18 -18
- package/dist/pages/NSUpdating.module.css +35 -35
- package/package.json +82 -82
- package/public/index.html +38 -38
- package/src/App.css +33 -33
- package/src/App.tsx +216 -216
- package/src/Color.tsx +10 -10
- package/src/CopyToClipboard.ts +6 -6
- package/src/NSBoxBuilder.tsx +912 -912
- package/src/ProductCacheService.ts +15 -15
- package/src/Validator.ts +166 -166
- package/src/components/INSBox.tsx +6 -6
- package/src/components/NSBanner.module.css +47 -47
- package/src/components/NSBanner.tsx +80 -80
- package/src/components/NSBarAction.module.css +84 -84
- package/src/components/NSBarAction.tsx +91 -91
- package/src/components/NSBarAlert.module.css +79 -79
- package/src/components/NSBarAlert.tsx +35 -35
- package/src/components/NSBarNotification.module.css +34 -34
- package/src/components/NSBarNotification.tsx +86 -86
- package/src/components/NSBarTitle.module.css +9 -9
- package/src/components/NSBarTitle.tsx +23 -23
- package/src/components/NSBox.module.css +54 -54
- package/src/components/NSBox.tsx +19 -19
- package/src/components/NSBoxBaseCombo.module.css +6 -6
- package/src/components/NSBoxBaseCombo.tsx +428 -428
- package/src/components/NSBoxBaseLayout.tsx +88 -88
- package/src/components/NSBoxBaseLayoutRecursive.tsx +54 -54
- package/src/components/NSBoxBoolean.module.css +73 -73
- package/src/components/NSBoxBoolean.tsx +128 -128
- package/src/components/NSBoxBooleans.tsx +178 -178
- package/src/components/NSBoxColor.tsx +95 -95
- package/src/components/NSBoxCombo.tsx +91 -91
- package/src/components/NSBoxDate.module.css +4 -4
- package/src/components/NSBoxDate.tsx +90 -90
- package/src/components/NSBoxDateTime.module.css +4 -4
- package/src/components/NSBoxDateTime.tsx +103 -103
- package/src/components/NSBoxDouble.tsx +94 -94
- package/src/components/NSBoxDuration.module.css +4 -4
- package/src/components/NSBoxDuration.tsx +95 -95
- package/src/components/NSBoxDynamic.tsx +67 -67
- package/src/components/NSBoxDynamics.tsx +68 -68
- package/src/components/NSBoxEmail.tsx +98 -98
- package/src/components/NSBoxEntity.tsx +174 -174
- package/src/components/NSBoxEnum.tsx +108 -108
- package/src/components/NSBoxFile.module.css +10 -10
- package/src/components/NSBoxFile.tsx +101 -101
- package/src/components/NSBoxFilePath.tsx +95 -95
- package/src/components/NSBoxFont.tsx +95 -95
- package/src/components/NSBoxIPV4.tsx +95 -95
- package/src/components/NSBoxIPV4Range.tsx +95 -95
- package/src/components/NSBoxIPV6.tsx +92 -92
- package/src/components/NSBoxIPV6Range.tsx +95 -95
- package/src/components/NSBoxInteger.tsx +91 -91
- package/src/components/NSBoxMoney.tsx +95 -95
- package/src/components/NSBoxPassword.tsx +108 -108
- package/src/components/NSBoxPhone.module.css +35 -35
- package/src/components/NSBoxPhone.tsx +107 -107
- package/src/components/NSBoxRadio.module.css +33 -33
- package/src/components/NSBoxRadio.tsx +91 -91
- package/src/components/NSBoxSchemaBase.module.css +17 -17
- package/src/components/NSBoxSchemaBase.tsx +540 -540
- package/src/components/NSBoxSchemaVariable.module.css +16 -16
- package/src/components/NSBoxSchemaVariable.tsx +247 -247
- package/src/components/NSBoxSearch.tsx +97 -97
- package/src/components/NSBoxString.tsx +93 -93
- package/src/components/NSBoxTextArea.module.css +12 -12
- package/src/components/NSBoxTextArea.tsx +98 -98
- package/src/components/NSBoxTime.module.css +4 -4
- package/src/components/NSBoxTime.tsx +93 -93
- package/src/components/NSBoxTimeZone.tsx +95 -95
- package/src/components/NSBoxURL.tsx +104 -104
- package/src/components/NSBoxVersion.tsx +95 -95
- package/src/components/NSButton.module.css +57 -57
- package/src/components/NSButton.tsx +75 -75
- package/src/components/NSButtonBlue.module.css +4 -4
- package/src/components/NSButtonBlue.tsx +29 -29
- package/src/components/NSButtonGreen.module.css +4 -4
- package/src/components/NSButtonGreen.tsx +29 -29
- package/src/components/NSButtonRed.module.css +4 -4
- package/src/components/NSButtonRed.tsx +29 -29
- package/src/components/NSCard.module.css +114 -114
- package/src/components/NSCard.tsx +63 -63
- package/src/components/NSCardScreenshot.module.css +41 -41
- package/src/components/NSCardScreenshot.tsx +31 -31
- package/src/components/NSChartColumn.module.css +7 -7
- package/src/components/NSChartColumn.tsx +106 -106
- package/src/components/NSChartDoughnut.tsx +112 -112
- package/src/components/NSChartPie.tsx +105 -105
- package/src/components/NSChartRange.tsx +14 -14
- package/src/components/NSChartTable.module.css +21 -21
- package/src/components/NSChartTable.tsx +94 -94
- package/src/components/NSColumn.module.css +16 -16
- package/src/components/NSColumn.tsx +24 -24
- package/src/components/NSCopy.tsx +58 -58
- package/src/components/NSCopyBox.module.css +39 -39
- package/src/components/NSCopyBox.tsx +53 -53
- package/src/components/NSDialog.module.css +112 -112
- package/src/components/NSDialog.tsx +61 -61
- package/src/components/NSDialogDelete.tsx +27 -27
- package/src/components/NSDialogInfo.tsx +49 -49
- package/src/components/NSDialogPageSelection.module.css +103 -103
- package/src/components/NSDialogPageSelection.tsx +234 -234
- package/src/components/NSDownTimer.module.css +55 -55
- package/src/components/NSDownTimer.tsx +91 -91
- package/src/components/NSDownload.module.css +46 -46
- package/src/components/NSDownload.tsx +69 -69
- package/src/components/NSElectronicCard.module.css +60 -60
- package/src/components/NSElectronicCard.tsx +46 -46
- package/src/components/NSEntityCardBackground.module.css +27 -27
- package/src/components/NSEntityCardBackground.tsx +36 -36
- package/src/components/NSFilterBox.module.css +27 -27
- package/src/components/NSFilterBox.tsx +477 -477
- package/src/components/NSFilterBoxItems.module.css +15 -15
- package/src/components/NSFilterBoxItems.tsx +52 -52
- package/src/components/NSFilterItem.module.css +24 -24
- package/src/components/NSFilterItem.tsx +27 -27
- package/src/components/NSFooter.module.css +134 -134
- package/src/components/NSFooter.tsx +321 -321
- package/src/components/NSHeader.module.css +291 -291
- package/src/components/NSHeader.tsx +314 -309
- package/src/components/NSHeaderScreenshot.module.css +35 -35
- package/src/components/NSHeaderScreenshot.tsx +39 -39
- package/src/components/NSID.tsx +158 -158
- package/src/components/NSLabel.module.css +25 -25
- package/src/components/NSLabel.tsx +47 -47
- package/src/components/NSLabelErrorNotifier.module.css +2 -2
- package/src/components/NSLabelErrorNotifier.tsx +35 -35
- package/src/components/NSLayout.module.css +14 -14
- package/src/components/NSLayout.tsx +134 -134
- package/src/components/NSLine.module.css +15 -15
- package/src/components/NSLine.tsx +13 -13
- package/src/components/NSLink.module.css +36 -36
- package/src/components/NSLink.tsx +25 -25
- package/src/components/NSLinkBlue.tsx +21 -21
- package/src/components/NSLinkGreen.tsx +12 -12
- package/src/components/NSLinkRed.tsx +12 -12
- package/src/components/NSListGrouped.module.css +69 -69
- package/src/components/NSListGrouped.tsx +106 -106
- package/src/components/NSListProduct.tsx +44 -44
- package/src/components/NSLoading.module.css +38 -38
- package/src/components/NSLoading.tsx +37 -37
- package/src/components/NSMenuAction.module.css +88 -88
- package/src/components/NSMenuAction.tsx +106 -106
- package/src/components/NSMenuButton.module.css +44 -44
- package/src/components/NSMenuButton.tsx +206 -206
- package/src/components/NSNoData.module.css +9 -9
- package/src/components/NSNoData.tsx +24 -24
- package/src/components/NSPagination.module.css +85 -85
- package/src/components/NSPagination.tsx +182 -182
- package/src/components/NSPanel.module.css +19 -19
- package/src/components/NSPanel.tsx +24 -24
- package/src/components/NSPanelAccordion.module.css +4 -4
- package/src/components/NSPanelAccordion.tsx +51 -51
- package/src/components/NSProductSearch.module.css +73 -68
- package/src/components/NSProductSearch.tsx +193 -155
- package/src/components/NSRange.module.css +66 -66
- package/src/components/NSRange.tsx +83 -83
- package/src/components/NSRepeater.tsx +254 -254
- package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +90 -90
- package/src/components/NSRepeaterNSTag.tsx +82 -82
- package/src/components/NSRow.module.css +17 -17
- package/src/components/NSRow.tsx +24 -24
- package/src/components/NSSection.module.css +4 -4
- package/src/components/NSSection.tsx +26 -26
- package/src/components/NSSectionCards.module.css +38 -38
- package/src/components/NSSectionCards.tsx +51 -51
- package/src/components/NSSectionTiles.module.css +10 -10
- package/src/components/NSSectionTiles.tsx +25 -25
- package/src/components/NSSectionTitle.tsx +21 -21
- package/src/components/NSSpace.tsx +28 -28
- package/src/components/NSTabPage.module.css +59 -59
- package/src/components/NSTabPage.tsx +91 -91
- package/src/components/NSTable.module.css +263 -263
- package/src/components/NSTable.tsx +636 -636
- package/src/components/NSTag.tsx +74 -74
- package/src/components/NSTile.module.css +76 -76
- package/src/components/NSTile.tsx +27 -27
- package/src/components/NSTimelineMonthly.module.css +71 -71
- package/src/components/NSTimelineMonthly.tsx +44 -44
- package/src/components/NSTitle.module.css +15 -15
- package/src/components/NSTitle.tsx +19 -19
- package/src/formatter/BackColorFormatter.tsx +23 -23
- package/src/formatter/BaseColumnFormatter.ts +16 -16
- package/src/formatter/BaseURLImageFormatter.tsx +33 -33
- package/src/formatter/BooleanFormatter.ts +22 -22
- package/src/formatter/DateFormatter.ts +21 -21
- package/src/formatter/DateTimeFormatter.ts +21 -21
- package/src/formatter/DurationFormatter.ts +13 -13
- package/src/formatter/EmailFormatter.tsx +21 -21
- package/src/formatter/EnumFormatter.ts +13 -13
- package/src/formatter/FloatFormatter.ts +23 -23
- package/src/formatter/ForeColorFormatter.tsx +24 -24
- package/src/formatter/IDFormatter.tsx +30 -30
- package/src/formatter/IPFormatter.ts +13 -13
- package/src/formatter/IntegerFormatter.ts +23 -23
- package/src/formatter/JsonFormatter.ts +21 -21
- package/src/formatter/MoneyFormatter.ts +35 -35
- package/src/formatter/PhoneFormatter.tsx +21 -21
- package/src/formatter/StringFormatter.tsx +43 -43
- package/src/formatter/TimeFormatter.ts +21 -21
- package/src/formatter/URLFormatter.tsx +21 -21
- package/src/formatter/UnknowFormatter.ts +18 -18
- package/src/index.tsx +7 -7
- package/src/main.ts +225 -225
- package/src/pages/NSNotFoundPage.module.css +18 -18
- package/src/pages/NSNotFoundPage.tsx +11 -11
- package/src/pages/NSUpdating.module.css +35 -35
- package/src/pages/NSUpdating.tsx +32 -32
- package/src/props/IBackgroundProps.ts +5 -5
- package/src/props/IBaseComponentProps.ts +8 -8
- package/src/props/IHeaderIconProps.ts +10 -10
- package/src/props/IHeaderLeftProps.ts +6 -6
- package/src/props/IHeaderRightProps.ts +6 -6
- package/src/props/IImageProps.ts +4 -4
- package/src/props/ILinkProps.ts +5 -5
- package/src/props/IValidationNumberProps.ts +4 -4
- package/src/props/IValidationPrecisionProps.ts +3 -3
- package/src/props/IValidationProps.ts +9 -9
- package/src/props/IValidationRegexProps.ts +4 -4
- package/src/props/IValidationStringProps.ts +4 -4
- package/src/routing/NSNotifier.ts +114 -114
- package/src/routing/NSRouterMaker.tsx +20 -20
- package/src/routing/NSRouterMakerComponent.ts +5 -5
- package/src/routing/NSRouterMakerProps.ts +5 -5
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
2
|
-
|
|
3
|
-
export class JsonFormatter extends BaseColumnFormatter
|
|
4
|
-
{
|
|
5
|
-
constructor(width?: string)
|
|
6
|
-
{
|
|
7
|
-
super();
|
|
8
|
-
if (width)
|
|
9
|
-
this.width = width;
|
|
10
|
-
}
|
|
11
|
-
override format(value: any): any
|
|
12
|
-
{
|
|
13
|
-
try
|
|
14
|
-
{
|
|
15
|
-
if (value)
|
|
16
|
-
return JSON.stringify(value, undefined, 4);
|
|
17
|
-
} catch (e)
|
|
18
|
-
{
|
|
19
|
-
}
|
|
20
|
-
return value;
|
|
21
|
-
}
|
|
1
|
+
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
2
|
+
|
|
3
|
+
export class JsonFormatter extends BaseColumnFormatter
|
|
4
|
+
{
|
|
5
|
+
constructor(width?: string)
|
|
6
|
+
{
|
|
7
|
+
super();
|
|
8
|
+
if (width)
|
|
9
|
+
this.width = width;
|
|
10
|
+
}
|
|
11
|
+
override format(value: any): any
|
|
12
|
+
{
|
|
13
|
+
try
|
|
14
|
+
{
|
|
15
|
+
if (value)
|
|
16
|
+
return JSON.stringify(value, undefined, 4);
|
|
17
|
+
} catch (e)
|
|
18
|
+
{
|
|
19
|
+
}
|
|
20
|
+
return value;
|
|
21
|
+
}
|
|
22
22
|
}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import { PriceOperation } from "namirasoft-core";
|
|
2
|
-
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
3
|
-
|
|
4
|
-
export class MoneyFormatter extends BaseColumnFormatter
|
|
5
|
-
{
|
|
6
|
-
private currency: string;
|
|
7
|
-
private minimumFractionDigits: number;
|
|
8
|
-
private maximumFractionDigits: number;
|
|
9
|
-
constructor(width: string = "160px", currency: string = "$", minimumFractionDigits: number = 0, maximumFractionDigits: number = 2)
|
|
10
|
-
{
|
|
11
|
-
super();
|
|
12
|
-
this.width = width;
|
|
13
|
-
this.currency = currency;
|
|
14
|
-
this.minimumFractionDigits = minimumFractionDigits;
|
|
15
|
-
this.maximumFractionDigits = maximumFractionDigits;
|
|
16
|
-
}
|
|
17
|
-
override format(value: any): any
|
|
18
|
-
{
|
|
19
|
-
try
|
|
20
|
-
{
|
|
21
|
-
if (value != null)
|
|
22
|
-
{
|
|
23
|
-
return [
|
|
24
|
-
this.currency?.trim() ?? "",
|
|
25
|
-
PriceOperation.millicent_to_fiat(value as number, this.maximumFractionDigits).toLocaleString(undefined, {
|
|
26
|
-
minimumFractionDigits: this.minimumFractionDigits,
|
|
27
|
-
maximumFractionDigits: this.maximumFractionDigits
|
|
28
|
-
})
|
|
29
|
-
].join(" ");
|
|
30
|
-
}
|
|
31
|
-
} catch (e)
|
|
32
|
-
{
|
|
33
|
-
}
|
|
34
|
-
return value;
|
|
35
|
-
}
|
|
1
|
+
import { PriceOperation } from "namirasoft-core";
|
|
2
|
+
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
3
|
+
|
|
4
|
+
export class MoneyFormatter extends BaseColumnFormatter
|
|
5
|
+
{
|
|
6
|
+
private currency: string;
|
|
7
|
+
private minimumFractionDigits: number;
|
|
8
|
+
private maximumFractionDigits: number;
|
|
9
|
+
constructor(width: string = "160px", currency: string = "$", minimumFractionDigits: number = 0, maximumFractionDigits: number = 2)
|
|
10
|
+
{
|
|
11
|
+
super();
|
|
12
|
+
this.width = width;
|
|
13
|
+
this.currency = currency;
|
|
14
|
+
this.minimumFractionDigits = minimumFractionDigits;
|
|
15
|
+
this.maximumFractionDigits = maximumFractionDigits;
|
|
16
|
+
}
|
|
17
|
+
override format(value: any): any
|
|
18
|
+
{
|
|
19
|
+
try
|
|
20
|
+
{
|
|
21
|
+
if (value != null)
|
|
22
|
+
{
|
|
23
|
+
return [
|
|
24
|
+
this.currency?.trim() ?? "",
|
|
25
|
+
PriceOperation.millicent_to_fiat(value as number, this.maximumFractionDigits).toLocaleString(undefined, {
|
|
26
|
+
minimumFractionDigits: this.minimumFractionDigits,
|
|
27
|
+
maximumFractionDigits: this.maximumFractionDigits
|
|
28
|
+
})
|
|
29
|
+
].join(" ");
|
|
30
|
+
}
|
|
31
|
+
} catch (e)
|
|
32
|
+
{
|
|
33
|
+
}
|
|
34
|
+
return value;
|
|
35
|
+
}
|
|
36
36
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { TableColumnInfo, TableRowInfo } from "../main";
|
|
2
|
-
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
3
|
-
import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
|
|
4
|
-
|
|
5
|
-
export class PhoneFormatter extends BaseColumnFormatter
|
|
6
|
-
{
|
|
7
|
-
private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
|
|
8
|
-
constructor(width: string = "150px")
|
|
9
|
-
{
|
|
10
|
-
super();
|
|
11
|
-
this.onclick_overrided = true;
|
|
12
|
-
this.width = width;
|
|
13
|
-
}
|
|
14
|
-
override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
|
|
15
|
-
{
|
|
16
|
-
return this.formatter.format({
|
|
17
|
-
text: value,
|
|
18
|
-
href: `tel:${value}`,
|
|
19
|
-
image: { url: "https://static.namirasoft.com/image/concept/type/phone.png", alt: "phone" }
|
|
20
|
-
}, column, row, printable);
|
|
21
|
-
}
|
|
1
|
+
import { TableColumnInfo, TableRowInfo } from "../main";
|
|
2
|
+
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
3
|
+
import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
|
|
4
|
+
|
|
5
|
+
export class PhoneFormatter extends BaseColumnFormatter
|
|
6
|
+
{
|
|
7
|
+
private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
|
|
8
|
+
constructor(width: string = "150px")
|
|
9
|
+
{
|
|
10
|
+
super();
|
|
11
|
+
this.onclick_overrided = true;
|
|
12
|
+
this.width = width;
|
|
13
|
+
}
|
|
14
|
+
override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
|
|
15
|
+
{
|
|
16
|
+
return this.formatter.format({
|
|
17
|
+
text: value,
|
|
18
|
+
href: `tel:${value}`,
|
|
19
|
+
image: { url: "https://static.namirasoft.com/image/concept/type/phone.png", alt: "phone" }
|
|
20
|
+
}, column, row, printable);
|
|
21
|
+
}
|
|
22
22
|
}
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import { NamingConvention } from "namirasoft-core";
|
|
2
|
-
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
3
|
-
|
|
4
|
-
export enum StringFormatterSizeType
|
|
5
|
-
{
|
|
6
|
-
Word = "75px",
|
|
7
|
-
TwoWords = "150px",
|
|
8
|
-
FullName = "225px",
|
|
9
|
-
Sentence = "350px",
|
|
10
|
-
Description = "500px",
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export class StringFormatter extends BaseColumnFormatter
|
|
14
|
-
{
|
|
15
|
-
static toHTML(value: string | null | undefined)
|
|
16
|
-
{
|
|
17
|
-
value = value?.trim() ?? "";
|
|
18
|
-
let toks = value.split(/(\n|\\n|<br>|<br\s*\/>)/gm);
|
|
19
|
-
toks = toks.filter(x => x.replace(/(\n|\\n|<br>|<br\s*\/>)/gm, "").trim().length > 0);
|
|
20
|
-
if (toks.length === 1)
|
|
21
|
-
return value;
|
|
22
|
-
let ans = [];
|
|
23
|
-
for (let i = 0; i < toks.length; i++)
|
|
24
|
-
{
|
|
25
|
-
if (i > 0)
|
|
26
|
-
ans.push(<br key={i} />);
|
|
27
|
-
ans.push(toks[i].trim());
|
|
28
|
-
}
|
|
29
|
-
return ans;
|
|
30
|
-
}
|
|
31
|
-
private naming: NamingConvention | null;
|
|
32
|
-
constructor(width: string = StringFormatterSizeType.Sentence, naming: NamingConvention | null = null)
|
|
33
|
-
{
|
|
34
|
-
super();
|
|
35
|
-
this.width = width;
|
|
36
|
-
this.naming = naming;
|
|
37
|
-
}
|
|
38
|
-
override format(value: any): any
|
|
39
|
-
{
|
|
40
|
-
if (this.naming)
|
|
41
|
-
value = NamingConvention.auto.convert(value, this.naming);
|
|
42
|
-
return value;
|
|
43
|
-
}
|
|
1
|
+
import { NamingConvention } from "namirasoft-core";
|
|
2
|
+
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
3
|
+
|
|
4
|
+
export enum StringFormatterSizeType
|
|
5
|
+
{
|
|
6
|
+
Word = "75px",
|
|
7
|
+
TwoWords = "150px",
|
|
8
|
+
FullName = "225px",
|
|
9
|
+
Sentence = "350px",
|
|
10
|
+
Description = "500px",
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export class StringFormatter extends BaseColumnFormatter
|
|
14
|
+
{
|
|
15
|
+
static toHTML(value: string | null | undefined)
|
|
16
|
+
{
|
|
17
|
+
value = value?.trim() ?? "";
|
|
18
|
+
let toks = value.split(/(\n|\\n|<br>|<br\s*\/>)/gm);
|
|
19
|
+
toks = toks.filter(x => x.replace(/(\n|\\n|<br>|<br\s*\/>)/gm, "").trim().length > 0);
|
|
20
|
+
if (toks.length === 1)
|
|
21
|
+
return value;
|
|
22
|
+
let ans = [];
|
|
23
|
+
for (let i = 0; i < toks.length; i++)
|
|
24
|
+
{
|
|
25
|
+
if (i > 0)
|
|
26
|
+
ans.push(<br key={i} />);
|
|
27
|
+
ans.push(toks[i].trim());
|
|
28
|
+
}
|
|
29
|
+
return ans;
|
|
30
|
+
}
|
|
31
|
+
private naming: NamingConvention | null;
|
|
32
|
+
constructor(width: string = StringFormatterSizeType.Sentence, naming: NamingConvention | null = null)
|
|
33
|
+
{
|
|
34
|
+
super();
|
|
35
|
+
this.width = width;
|
|
36
|
+
this.naming = naming;
|
|
37
|
+
}
|
|
38
|
+
override format(value: any): any
|
|
39
|
+
{
|
|
40
|
+
if (this.naming)
|
|
41
|
+
value = NamingConvention.auto.convert(value, this.naming);
|
|
42
|
+
return value;
|
|
43
|
+
}
|
|
44
44
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
2
|
-
|
|
3
|
-
export class TimeFormatter extends BaseColumnFormatter
|
|
4
|
-
{
|
|
5
|
-
constructor(width: string = "95px")
|
|
6
|
-
{
|
|
7
|
-
super();
|
|
8
|
-
this.width = width;
|
|
9
|
-
}
|
|
10
|
-
override format(value: any): any
|
|
11
|
-
{
|
|
12
|
-
if (value)
|
|
13
|
-
try
|
|
14
|
-
{
|
|
15
|
-
let date = new Date(value);
|
|
16
|
-
return date.toLocaleTimeString();
|
|
17
|
-
} catch (e)
|
|
18
|
-
{
|
|
19
|
-
}
|
|
20
|
-
return value;
|
|
21
|
-
}
|
|
1
|
+
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
2
|
+
|
|
3
|
+
export class TimeFormatter extends BaseColumnFormatter
|
|
4
|
+
{
|
|
5
|
+
constructor(width: string = "95px")
|
|
6
|
+
{
|
|
7
|
+
super();
|
|
8
|
+
this.width = width;
|
|
9
|
+
}
|
|
10
|
+
override format(value: any): any
|
|
11
|
+
{
|
|
12
|
+
if (value)
|
|
13
|
+
try
|
|
14
|
+
{
|
|
15
|
+
let date = new Date(value);
|
|
16
|
+
return date.toLocaleTimeString();
|
|
17
|
+
} catch (e)
|
|
18
|
+
{
|
|
19
|
+
}
|
|
20
|
+
return value;
|
|
21
|
+
}
|
|
22
22
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { TableColumnInfo, TableRowInfo } from "../main";
|
|
2
|
-
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
3
|
-
import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
|
|
4
|
-
|
|
5
|
-
export class URLFormatter extends BaseColumnFormatter
|
|
6
|
-
{
|
|
7
|
-
private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
|
|
8
|
-
constructor(width: string = "250px")
|
|
9
|
-
{
|
|
10
|
-
super();
|
|
11
|
-
this.onclick_overrided = true;
|
|
12
|
-
this.width = width;
|
|
13
|
-
}
|
|
14
|
-
override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
|
|
15
|
-
{
|
|
16
|
-
return this.formatter.format({
|
|
17
|
-
text: value,
|
|
18
|
-
href: value,
|
|
19
|
-
image: { url: "https://static.namirasoft.com/image/concept/type/url.png", alt: "url" }
|
|
20
|
-
}, column, row, printable);
|
|
21
|
-
}
|
|
1
|
+
import { TableColumnInfo, TableRowInfo } from "../main";
|
|
2
|
+
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
3
|
+
import { BaseURLImageFormatter } from "./BaseURLImageFormatter";
|
|
4
|
+
|
|
5
|
+
export class URLFormatter extends BaseColumnFormatter
|
|
6
|
+
{
|
|
7
|
+
private formatter: BaseURLImageFormatter = new BaseURLImageFormatter();
|
|
8
|
+
constructor(width: string = "250px")
|
|
9
|
+
{
|
|
10
|
+
super();
|
|
11
|
+
this.onclick_overrided = true;
|
|
12
|
+
this.width = width;
|
|
13
|
+
}
|
|
14
|
+
override format(value: any, column: TableColumnInfo, row: TableRowInfo<any>, printable: boolean): any
|
|
15
|
+
{
|
|
16
|
+
return this.formatter.format({
|
|
17
|
+
text: value,
|
|
18
|
+
href: value,
|
|
19
|
+
image: { url: "https://static.namirasoft.com/image/concept/type/url.png", alt: "url" }
|
|
20
|
+
}, column, row, printable);
|
|
21
|
+
}
|
|
22
22
|
}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
2
|
-
|
|
3
|
-
export class UnknowFormatter extends BaseColumnFormatter
|
|
4
|
-
{
|
|
5
|
-
private formatter: (value: any) => any;
|
|
6
|
-
constructor(formatter: (value: any) => any, width?: string)
|
|
7
|
-
{
|
|
8
|
-
super();
|
|
9
|
-
this.formatter = formatter;
|
|
10
|
-
if (width)
|
|
11
|
-
this.width = width;
|
|
12
|
-
}
|
|
13
|
-
override format(value: any): any
|
|
14
|
-
{
|
|
15
|
-
if (this.formatter)
|
|
16
|
-
value = this.formatter(value);
|
|
17
|
-
return value;
|
|
18
|
-
}
|
|
1
|
+
import { BaseColumnFormatter } from "./BaseColumnFormatter";
|
|
2
|
+
|
|
3
|
+
export class UnknowFormatter extends BaseColumnFormatter
|
|
4
|
+
{
|
|
5
|
+
private formatter: (value: any) => any;
|
|
6
|
+
constructor(formatter: (value: any) => any, width?: string)
|
|
7
|
+
{
|
|
8
|
+
super();
|
|
9
|
+
this.formatter = formatter;
|
|
10
|
+
if (width)
|
|
11
|
+
this.width = width;
|
|
12
|
+
}
|
|
13
|
+
override format(value: any): any
|
|
14
|
+
{
|
|
15
|
+
if (this.formatter)
|
|
16
|
+
value = this.formatter(value);
|
|
17
|
+
return value;
|
|
18
|
+
}
|
|
19
19
|
}
|
package/src/index.tsx
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import ReactDOM from 'react-dom/client';
|
|
2
|
-
import './index.css';
|
|
3
|
-
import { App } from './App';
|
|
4
|
-
|
|
5
|
-
const root = ReactDOM.createRoot(
|
|
6
|
-
document.getElementById('root') as HTMLElement
|
|
7
|
-
);
|
|
1
|
+
import ReactDOM from 'react-dom/client';
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { App } from './App';
|
|
4
|
+
|
|
5
|
+
const root = ReactDOM.createRoot(
|
|
6
|
+
document.getElementById('root') as HTMLElement
|
|
7
|
+
);
|
|
8
8
|
root.render(<App />);
|