@chayns-components/core 5.0.0-beta.1 → 5.0.0-beta.1000

package/lib/types/types/tooltip.d.ts

@@ -0,0 +1,9 @@
+export interface ITooltipItem {
+    headline?: string;
+    text: string;
+    imageUrl?: string;
+    button?: {
+        text: string;
+        onClick: () => void;
+    };
+}

package/lib/types/types/truncation.d.ts

@@ -0,0 +1,5 @@
+export declare enum ClampPosition {
+    Right = 0,
+    Middle = 1,
+    Left = 2
+}

package/lib/types/utils/accordion.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';
+type GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {
+    width: number;
+    hasSearch: boolean;
+};
+interface GetAccordionHeadHeightResult {
+    closed: number;
+    open: number;
+}
+export declare const getAccordionHeadHeight: ({ isWrapped, title, width, hasSearch, }: GetAccordionHeadHeightOptions) => GetAccordionHeadHeightResult;
+export declare const getElementClickEvent: (element: ReactNode) => boolean;
+export {};

package/lib/types/utils/amountControl.d.ts

@@ -0,0 +1,7 @@
+interface CheckForValidAmount {
+    amount: number;
+    maxAmount?: number;
+    minAmount: number;
+}
+export declare const checkForValidAmount: ({ amount, maxAmount, minAmount }: CheckForValidAmount) => number;
+export {};

package/lib/types/utils/calculate.d.ts

@@ -0,0 +1,9 @@
+import { ChaynsReactFunctions, ChaynsReactValues } from 'chayns-api';
+import { type CSSProperties } from 'react';
+import type { IComboBoxItem } from '../components/combobox/ComboBox';
+import type { SliderButtonItem } from '../types/slider-button';
+export declare const calculateContentWidth: (list: IComboBoxItem[], functions: ChaynsReactFunctions, values: ChaynsReactValues) => number;
+export declare const calculateBiggestWidth: (elements: SliderButtonItem[]) => number;
+export declare const calculateContentHeight: (elements: string[]) => number;
+export declare const getHeightOfSingleTextLine: () => number;
+export declare const getMaxHeightInPixels: (maxHeight: CSSProperties["maxHeight"], rootElement: HTMLElement) => number;

package/lib/types/utils/checkBox.d.ts

@@ -0,0 +1 @@
+export declare const getCheckBoxPosition: (fontSize: number) => number | undefined;

package/lib/types/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: <F extends (...args: any[]) => any>(func: F, waitFor: number) => (...args: Parameters<F>) => Promise<ReturnType<F>>;

package/lib/types/utils/environment.d.ts

@@ -0,0 +1 @@
+export declare const getIsTouch: () => boolean;

package/lib/types/utils/file.d.ts

@@ -0,0 +1,20 @@
+export declare const hasDuplicate: <T>(items: T[], newItem: T, comparator: (a: T, b: T) => boolean) => boolean;
+interface FilerDuplicateFileOptions {
+    files: File[];
+    newFile: File;
+}
+export declare const filterDuplicateFile: ({ files, newFile }: FilerDuplicateFileOptions) => boolean;
+interface FilterDuplicateFileUrlsOptions {
+    files: string[];
+    newFile: string;
+}
+export declare const filterDuplicateFileUrls: ({ files, newFile }: FilterDuplicateFileUrlsOptions) => boolean;
+export declare const getHumanSize: (bytes: number) => string;
+interface IsValidFileTypeOptions {
+    file: File;
+    types: string;
+}
+export declare const isValidFileType: ({ types, file }: IsValidFileTypeOptions) => boolean;
+export declare const MIME_TYPE_MAPPING: Record<string, string>;
+export declare const getIconByMimeType: (mimeType?: string) => string;
+export {};

package/lib/types/utils/fileDialog.d.ts

@@ -0,0 +1,9 @@
+interface SelectFilesOptions {
+    type?: string;
+    multiple: boolean;
+    maxFileSizeInMB?: number;
+}
+export declare const selectFiles: ({ type, multiple, maxFileSizeInMB, }: SelectFilesOptions) => Promise<File[]>;
+export declare const filterFilesByMimeType: (files: FileList | File[], mimeTypes: string) => FileList | File[];
+export declare const getFileAsArrayBuffer: (file: File) => Promise<string | ArrayBuffer>;
+export {};

package/lib/types/utils/font.d.ts

@@ -0,0 +1,8 @@
+import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';
+export declare const convertIconStyle: (iconStyle: IconStyle) => "fa-solid" | "fa-duotone" | "fa-sharp" | "fa-light" | "fa-regular";
+export declare const getFontSize: () => string;
+export declare const getHeadlineColorSelector: (data: ParagraphFormat[]) => {
+    themeResult: {
+        [key: string]: string;
+    };
+};

package/lib/types/utils/icon.d.ts

@@ -0,0 +1 @@
+export declare const getStackSizeFactor: (icon: string) => number | undefined;

package/lib/types/utils/isTobitEmployee.d.ts

@@ -0,0 +1 @@
+export declare const isTobitEmployee: () => Promise<boolean>;

package/lib/types/utils/numberInput.d.ts

@@ -0,0 +1,23 @@
+interface ParseFloatWithDecimals {
+    ({ stringValue, decimals }: {
+        stringValue: string;
+        decimals?: number;
+    }): number;
+}
+export declare const parseFloatWithDecimals: ParseFloatWithDecimals;
+interface FormateNumberOptions {
+    number: number | string | null;
+    isMoneyInput?: boolean;
+    isTimeInput?: boolean;
+}
+export declare const formateNumber: ({ number, isMoneyInput, isTimeInput }: FormateNumberOptions) => string;
+interface IsValidString {
+    (config: {
+        string: string;
+        isDecimalInput?: boolean;
+        isMoneyInput?: boolean;
+        isTimeInput?: boolean;
+    }): boolean;
+}
+export declare const isValidString: IsValidString;
+export {};

package/lib/types/utils/pageProvider.d.ts

@@ -0,0 +1,2 @@
+export declare const getUsableHeight: () => Promise<number>;
+export declare const useUsableHeight: () => number;

package/lib/types/utils/radioButton.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const getRadioButtonOrder: (children: ReactNode) => string[];

package/lib/types/utils/searchBox.d.ts

@@ -0,0 +1,8 @@
+import type { ISearchBoxItem } from '../types/searchBox';
+export declare const getCurrentGroupName: (element: HTMLElement) => string;
+interface SearchListOptions {
+    items: ISearchBoxItem[];
+    searchString: string;
+}
+export declare const searchList: ({ searchString, items }: SearchListOptions) => ISearchBoxItem[];
+export {};

package/lib/types/utils/sharingBar.d.ts

@@ -0,0 +1,3 @@
+export declare const copyToClipboard: (link: string) => void;
+export declare const shareWithApp: (link: string) => void;
+export declare const shareWithUrl: (link: string) => void;

package/lib/types/utils/slider.d.ts

@@ -0,0 +1,30 @@
+import type { Theme } from '../components/color-scheme-provider/ColorSchemeProvider';
+export interface FillSlider {
+    fromSlider: HTMLInputElement;
+    toSlider: HTMLInputElement;
+    fromValue?: number;
+    toValue?: number;
+    theme: Theme;
+}
+export declare const fillSlider: ({ fromSlider, toSlider, theme, fromValue, toValue }: FillSlider) => void;
+interface CalculateGradientOffset {
+    value: number;
+    min: number;
+    max: number;
+    thumbWidth: number;
+    containerWidth: number;
+}
+export declare const calculateGradientOffset: ({ value, min, max, thumbWidth, containerWidth, }: CalculateGradientOffset) => number;
+interface GetThumbMaxWidthOptions {
+    maxNumber: number;
+    thumbLabelFormatter?: (value: number) => string;
+}
+interface CalculatePopupPositionOptions {
+    sliderValue: number;
+    min: number;
+    max: number;
+    popupWidth: number;
+}
+export declare const calculatePopupPosition: ({ sliderValue, min, max, popupWidth, }: CalculatePopupPositionOptions) => number;
+export declare const getThumbMaxWidth: ({ maxNumber, thumbLabelFormatter }: GetThumbMaxWidthOptions) => number;
+export {};

package/lib/types/utils/sliderButton.d.ts

@@ -0,0 +1,20 @@
+import type { AnimationScope } from 'framer-motion';
+interface GetNearestPointProps {
+    position: number;
+    snapPoints: number[];
+    scrollLeft: number;
+}
+export declare const getNearestPoint: ({ snapPoints, position, scrollLeft }: GetNearestPointProps) => {
+    nearestIndex: number;
+    nearestPoint: number;
+};
+interface GetThumbPositionProps {
+    scope: AnimationScope;
+    itemWidth: number;
+}
+export declare const getThumbPosition: ({ itemWidth, scope }: GetThumbPositionProps) => {
+    left: number;
+    right: number;
+    middle: number;
+} | undefined;
+export {};

package/lib/types/utils/tooltip.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const isTextOnlyElement: (element: ReactNode) => boolean;

package/lib/types/utils/truncation.d.ts

@@ -0,0 +1 @@
+export declare const truncateElement: (element: HTMLElement, referenceHeight: number) => void;

package/lib/types/utils/uploadFile.d.ts

@@ -0,0 +1,8 @@
+import type { Image, InternalFileItem, Video } from '../types/file';
+interface UploadFilesOptions {
+    fileToUpload: InternalFileItem;
+    callback: (UploadedFile: Video | Image) => void;
+    shouldUploadImageToSite?: boolean;
+}
+export declare const uploadFile: ({ fileToUpload, callback, shouldUploadImageToSite, }: UploadFilesOptions) => Promise<void>;
+export {};

package/package.json

@@ -1,59 +1,92 @@
 {
-  "name": "@chayns-components/core",
-  "version": "5.0.0-beta.1",
-  "description": "The modern chayns-components with storybook documentation",
-  "keywords": [
-    "chayns",
-    "react",
-    "components"
-  ],
-  "author": "Tobit.Software",
-  "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/core#readme",
-  "license": "MIT",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "directories": {
-    "lib": "lib",
-    "test": "__tests__"
-  },
-  "files": [
-    "lib"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/TobitSoftware/chayns-components.git"
-  },
-  "scripts": {
-    "build": "npm run build:js && npm run build:types",
-    "build:js": "babel src --out-dir lib --extensions=.ts,.tsx --source-maps --ignore=src/stories",
-    "build:types": "tsc"
-  },
-  "bugs": {
-    "url": "https://github.com/TobitSoftware/chayns-components/issues"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.15.4",
-    "@babel/core": "^7.15.5",
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@types/react": "^17.0.21",
-    "@types/styled-components": "^5.1.14",
-    "babel-loader": "^8.2.2",
-    "lerna": "^4.0.0",
-    "react": "^17.0.2",
-    "typescript": "^4.4.3"
-  },
-  "dependencies": {
-    "clsx": "^1.1.1",
-    "framer-motion": "^4.1.17",
-    "styled-components": "^5.3.1"
-  },
-  "peerDependencies": {
-    "react": ">=16.8.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "gitHead": "916efefea50c16c70943bf3d7f6ac94ce6aa1ef7"
+    "name": "@chayns-components/core",
+    "version": "5.0.0-beta.1000",
+    "description": "A set of beautiful React components for developing your own applications with chayns.",
+    "sideEffects": false,
+    "browserslist": [
+        ">0.5%",
+        "not dead",
+        "not op_mini all",
+        "not IE 11"
+    ],
+    "keywords": [
+        "chayns",
+        "react",
+        "components"
+    ],
+    "author": "Tobit.Software",
+    "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/core#readme",
+    "license": "MIT",
+    "types": "lib/types/index.d.ts",
+    "main": "lib/cjs/index.js",
+    "module": "lib/esm/index.js",
+    "exports": {
+        ".": {
+            "types": "./lib/types/index.d.ts",
+            "require": "./lib/cjs/index.js",
+            "import": "./lib/esm/index.js"
+        }
+    },
+    "directories": {
+        "lib": "lib",
+        "test": "__tests__"
+    },
+    "files": [
+        "lib"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/TobitSoftware/chayns-components.git"
+    },
+    "scripts": {
+        "build": "npm run build:cjs && npm run build:esm && npm run build:types",
+        "build:types": "tsc",
+        "build:cjs": "cross-env NODE_ENV=cjs babel src --out-dir lib/cjs --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build:esm": "cross-env NODE_ENV=esm babel src --out-dir lib/esm --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "prepublishOnly": "npm run build",
+        "watch:js": "npm run build:esm -- --watch",
+        "link": "npm link && npm run watch:js"
+    },
+    "bugs": {
+        "url": "https://github.com/TobitSoftware/chayns-components/issues"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.26.4",
+        "@babel/core": "^7.26.0",
+        "@babel/preset-env": "^7.26.0",
+        "@babel/preset-react": "^7.26.3",
+        "@babel/preset-typescript": "^7.26.0",
+        "@types/react": "^18.3.18",
+        "@types/react-dom": "^18.3.5",
+        "@types/react-helmet": "^6.1.11",
+        "@types/styled-components": "^5.1.34",
+        "@types/uuid": "^10.0.0",
+        "babel-loader": "^9.2.1",
+        "chayns-api": "^2.2.0-beta.2",
+        "cross-env": "^7.0.3",
+        "lerna": "^8.1.9",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "styled-components": "^6.1.14",
+        "typescript": "^5.7.3"
+    },
+    "dependencies": {
+        "@chayns/colors": "^2.0.0",
+        "@chayns/uac-service": "~0.0.53",
+        "@react-hook/resize-observer": "^2.0.2",
+        "clsx": "^2.1.1",
+        "react-helmet": "^6.1.0",
+        "uuid": "^10.0.0"
+    },
+    "peerDependencies": {
+        "chayns-api": ">=2.0.0",
+        "framer-motion": ">=10.18.0",
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0",
+        "styled-components": ">=5.3.11"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "d456c0b87862a3be7d764ba0f16e0b96b22ac2a8"
 }