@iobroker/gui-components 10.2.3 → 10.3.0

package/build/Components/IconLibrary/types.d.ts

@@ -0,0 +1,16 @@
+export interface IconLibraryCategory {
+    id: string;
+    name: ioBroker.Translated;
+    /** The icons of this category are the classic room and device icons, not icons of the library */
+    builtin?: boolean;
+}
+export interface IconLibraryItem {
+    /** ID of the category */
+    c: string;
+    /** Unique ID of the icon */
+    id: string;
+    /** Name in every language */
+    n: ioBroker.Translated;
+    /** SVG path of the icon with the view box 0 0 24 24 */
+    p: string;
+}

package/build/Components/IconLibrary/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/Components/IconLibrary/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"./src/","sources":["Components/IconLibrary/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface IconLibraryCategory {\n    id: string;\n    name: ioBroker.Translated;\n    /** The icons of this category are the classic room and device icons, not icons of the library */\n    builtin?: boolean;\n}\n\nexport interface IconLibraryItem {\n    /** ID of the category */\n    c: string;\n    /** Unique ID of the icon */\n    id: string;\n    /** Name in every language */\n    n: ioBroker.Translated;\n    /** SVG path of the icon with the view box 0 0 24 24 */\n    p: string;\n}\n"]}

package/build/Components/IconSelector.d.ts

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import type { IconLibraryCategory, IconLibraryItem } from './IconLibrary/types';
 import type { Translate } from '../types';
 export interface IconObject {
     icon?: string;
@@ -9,25 +10,50 @@ export interface IconObject {
 }
 export type IconSelectorIcon = IconObject | string;
 interface IconSelectorProps {
+    /** Own icons. If set, only these icons are offered instead of the icon library */
     icons?: IconSelectorIcon[];
+    /** Open the icon library with the rooms (default) */
     onlyRooms?: boolean;
+    /** Open the icon library with the lighting icons */
     onlyDevices?: boolean;
     onSelect?: (icon: string) => void;
     onChange?: (icon: string) => void;
     t: Translate;
     lang: ioBroker.Languages;
 }
+/** An icon as it is shown in the dialog */
+interface ShownIcon {
+    key: string;
+    name: string;
+    /** SVG path of an icon of the library */
+    path?: string;
+    /** URL or data URL of a classic or own icon */
+    src?: string;
+}
 interface IconSelectorState {
     opened: boolean;
-    names: string[];
     filter: string;
-    icons: string[] | null;
     loading: boolean;
-    isAnyName: boolean;
+    category: string;
+    categories: IconLibraryCategory[] | null;
+    libraryIcons: IconLibraryItem[] | null;
+    /** Classic room and device icons by category */
+    classicIcons: Record<string, ShownIcon[]> | null;
+    /** Icons given in `props.icons` */
+    ownIcons: ShownIcon[] | null;
 }
 export declare class IconSelector extends Component<IconSelectorProps, IconSelectorState> {
     constructor(props: IconSelectorProps);
-    loadAllIcons(): void;
+    private getText;
+    private getClassicIcons;
+    private readOwnIcons;
+    private open;
+    private select;
+    private getShownIcons;
+    private getCount;
+    private renderIcon;
+    private renderCategories;
+    private renderDialog;
     render(): React.JSX.Element;
 }
 export {};