@connectif/ui-components 0.0.1

package/dist/utils/ChartUtils.d.ts

@@ -0,0 +1,23 @@
+import { TopLevelFormatterParams } from 'echarts/types/dist/shared';
+import { IconId } from '../components/icon/Icon';
+import { IncrementLabelType } from '../propTypes/IncrementLabel';
+export type ChartTooltipEntry = {
+    iconId?: IconId;
+    iconColor?: string;
+    text: string;
+    incrementLabelValue?: string;
+    incrementLabelType?: IncrementLabelType;
+};
+export type ChartTooltipEntryFormatter = (params: {
+    seriesIndex: number;
+    seriesName: string;
+    value: number;
+    data: {
+        tooltipName: string;
+        tooltipOrder: number;
+        tooltipValue: string;
+        incrementLabelValue: string;
+        incrementLabelType: IncrementLabelType;
+    };
+}) => ChartTooltipEntry;
+export declare function getTooltipFormatter(chartTooltipEntryFormatter?: ChartTooltipEntryFormatter): (param: TopLevelFormatterParams) => string;

package/dist/utils/CurrencyFormatter.d.ts

@@ -0,0 +1 @@
+export declare function formatCurrency(value: number, locale: string, currency: string, notation?: 'compact'): string;

package/dist/utils/DateUtils.d.ts

@@ -0,0 +1,45 @@
+import { ComparisonInterval } from '../models/ComparisonInterval';
+import { DateInputFormat } from '../models/DateInputFormat';
+import { DateInterval } from '../models/DateInterval';
+import { SimpleDate } from '../models/SimpleDate';
+export type DateTimeFormat = 'dateTimeVeryLongFormat' | 'dateTimeLongFormat' | 'dateTimeMediumFormat' | 'dateMediumLongFormat' | 'dateMediumFormat' | 'timeFormat' | 'shortTimeFormat' | 'dateFormat' | 'yearMonthFormat' | 'yearMonthLongFormat' | 'twoDigitsFormat';
+export declare function formatDate(date: Date, locale: string, timezone: string, format?: DateTimeFormat): string;
+export declare function getWeekDayNamesForLocale(locale: string, format?: 'long' | 'short' | 'narrow'): string[];
+/**
+ * Return a string representing a date in the format for the supplied locale.
+ * For example, if the locale is 'en-US' and the returned value is `"MM/DD/YYYY"`,
+ * and for locale 'es' the returned value is `"DD/MM/YYYY"`.
+ *
+ * All formats always have a 'DD' component representing the day of the month,
+ * and a 'MM' component representing the month, and a 'YYYY' component representing
+ * the year.
+ */
+export declare function getDateInputFormatForLocale(locale: string): DateInputFormat;
+/**
+ * Return a Date object representing the supplied string date for a locale and timezone.
+ * Supplied string date must be in the format returned by `getDateFormatForLocale(locale)`.
+ *
+ * If the supplied string date is invalid, the returned date will be invalid.
+ */
+export declare function parseDateForLocale(dateString: string, locale: string, timezone: string): Date;
+export declare function getDatesFromDateInterval(interval: Exclude<DateInterval, 'custom'>, maxSelectableDays: number, timezone: string): {
+    startDate: Date;
+    endDate: Date;
+};
+export declare function getComparisonInterval(comparisonInterval: Exclude<ComparisonInterval, 'custom'>, startSimpleDate: SimpleDate, endSimpleDate: SimpleDate, timezone: string, minDate: Date): {
+    comparisonStartDate: Date;
+    comparisonEndDate: Date;
+};
+/**
+ * Return true if first simpleDate is after the second simpleDate.
+ */
+export declare function isAfterSimpleDate(d1: SimpleDate | null, d2: SimpleDate | null): boolean;
+/**
+ * Return true if all simpleDate are exactly the same.
+ */
+export declare function areSameSimpleDate(...simpleDates: (SimpleDate | null)[]): boolean;
+/**
+ * Return a SimpleDate representing the supplied date in the supplied timezone
+ */
+export declare function dateToSimpleDate(date: Date | null | undefined, timezone: string): SimpleDate | null;
+export declare function getDisplayEndDate(date: Date, timezone: string): Date;

package/dist/utils/NumberFormatter.d.ts

@@ -0,0 +1,2 @@
+export declare function formatNumber(value: number, locale: string, fractionSize?: number): string;
+export declare function formatCompactNumber(value: number, locale: string): string;

package/dist/utils/PercentageFormatter.d.ts

@@ -0,0 +1 @@
+export declare function formatPercentage(value: number, locale: string, fractionSize?: 0 | 1 | 2 | 3, minFractionSize?: 0 | 1 | 2 | 3): string;

package/dist/utils/PhoneUtils.d.ts

@@ -0,0 +1,11 @@
+export declare const countryCodesFourDigits: Set<string>;
+export declare const countryCodesThreeDigits: Set<string>;
+export declare const countryCodesTwoDigits: Set<string>;
+export declare const countryCodesOneDigit: string[];
+export declare const allCountries: {
+    name: string;
+    countryCode: string;
+}[];
+export declare function getCountryCode(phone?: string): string;
+export declare function getPhoneWithoutCountryCode(phone?: string, countryCode?: string): string;
+export declare function isValidPhoneNumber(phone: string): boolean;

package/dist/utils/RegExpUtils.d.ts

@@ -0,0 +1 @@
+export declare const toDiacriticInsensitiveString: (input: string) => string;

package/dist/utils/ResizeObserverUtils.d.ts

@@ -0,0 +1 @@
+export declare function getSafeResizeObserverCallback(callback: (entries: ResizeObserverEntry[]) => void): ResizeObserverCallback;

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CurrencyFormatter';
+export * from './DateUtils';
+export * from './NumberFormatter';
+export * from './PercentageFormatter';
+export * from './ResizeObserverUtils';

package/package.json

@@ -0,0 +1,110 @@
+{
+    "name": "@connectif/ui-components",
+    "version": "0.0.1",
+    "description": "A comprehensive UI component library for Connectif projects.",
+    "main": "./dist/index.js",
+    "module": "./dist/index.m.js",
+    "types": "./dist/index.d.ts",
+    "license": "MIT",
+    "author": "Connectif",
+    "scripts": {
+        "prettier": "prettier --check \"**/*.{js,json,ts,tsx}\"",
+        "storybook": "start-storybook -p 6006",
+        "build-storybook": "build-storybook",
+        "lint": "eslint './**/*.{ts,tsx}' './src/components/**/*.json' --quiet",
+        "test": "jest",
+        "build": "node esbuild.js && tsc --project tsconfig.build.json",
+        "build-watch": "concurrently \"node esbuild.watch.js\" \"tsc --watch --preserveWatchOutput\"",
+        "prepare": "npm run build",
+        "cspell": "cspell \"./src/**/{en.json,es.ts}\" --config cspell.json",
+        "audit": "better-npm-audit audit"
+    },
+    "dependencies": {
+        "@codemirror/lang-html": "6.4.8",
+        "@codemirror/lint": "6.5.0",
+        "@emotion/react": "^11.9.0",
+        "@emotion/styled": "^11.8.1",
+        "@mdi/js": "^7.4.47",
+        "@mdi/react": "^1.6.1",
+        "@mui/material": "^5.11.15",
+        "@mui/styles": "^5.11.13",
+        "@mui/x-date-pickers": "^6.3.0",
+        "@tinymce/tinymce-react": "^4.3.2",
+        "@uiw/react-codemirror": "4.21.24",
+        "cspell": "^6.0.0",
+        "cspell-dict-es-es": "^1.1.2",
+        "echarts": "^5.4.1",
+        "echarts-for-react": "3.0.2",
+        "esbuild-css-modules-plugin": "^3.1.4",
+        "esbuild-plugin-copy": "^2.1.1",
+        "html-format": "^1.1.7",
+        "i18next": "^21.6.14",
+        "i18next-icu": "2.0.3",
+        "intl-messageformat": "9.11.1",
+        "moment": "^2.29.4",
+        "moment-timezone": "0.5.45",
+        "notistack": "^3.0.1",
+        "react-best-gradient-color-picker": "^3.0.7",
+        "react-filerobot-image-editor": "^4.8.1",
+        "react-infinite-scroll-component": "6.1.0",
+        "react-lazyload": "^3.2.0",
+        "react-swipeable-views": "0.14.0",
+        "react-virtualized-auto-sizer": "^1.0.6",
+        "react-window": "^1.8.7",
+        "styled-components": "^5.3.5",
+        "tinymce": "6.8.4",
+        "tinymce-i18n": "^24.3.11"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.17.9",
+        "@connectif/eslint-config": "^4.0.1",
+        "@react-theming/storybook-addon": "^1.1.6",
+        "@storybook/addon-essentials": "6.5.17-alpha.0",
+        "@storybook/addon-storysource": "6.5.17-alpha.0",
+        "@storybook/builder-webpack5": "6.5.17-alpha.0",
+        "@storybook/manager-webpack5": "6.5.17-alpha.0",
+        "@storybook/react": "6.5.17-alpha.0",
+        "@storybook/testing-library": "^0.0.13",
+        "@testing-library/jest-dom": "5.16.4",
+        "@testing-library/react": "12.1.5",
+        "@testing-library/user-event": "14.2.0",
+        "@types/jest": "^29.5.0",
+        "@types/react-lazyload": "^3.2.0",
+        "@types/react-swipeable-views": "0.13.1",
+        "@types/react-virtualized-auto-sizer": "^1.0.1",
+        "@types/react-window": "^1.8.5",
+        "babel-loader": "^8.2.4",
+        "better-npm-audit": "^3.7.3",
+        "concurrently": "^8.0.1",
+        "esbuild": "^0.25.3",
+        "esbuild-node-externals": "^1.18.0",
+        "eslint-plugin-react": "^7.34.1",
+        "eslint-plugin-react-hooks": "^4.6.2",
+        "eslint-plugin-sort-keys": "^2.3.5",
+        "jest": "^29.5.0",
+        "jest-environment-jsdom": "^29.5.0",
+        "prettier": "^3.2.5",
+        "storybook-addon-designs": "^6.3.1",
+        "storybook-react-context": "0.6.0",
+        "storybook-react-editable-context": "^1.0.1",
+        "ts-essentials": "^9.3.0",
+        "ts-jest": "^29.1.0",
+        "typescript": "^5.4.5"
+    },
+    "peerDependencies": {
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2"
+    },
+    "resolutions": {
+        "react-docgen-typescript": "2.0.0"
+    },
+    "overrides": {
+        "react-konva": {
+            "react": "^17.0.2",
+            "react-dom": "^17.0.2"
+        }
+    },
+    "files": [
+        "dist"
+    ]
+}