@synerise/ds-icon-picker 1.0.1 → 1.1.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.1.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon-picker@1.0.1...@synerise/ds-icon-picker@1.1.0) (2025-03-26)
+
+
+### Features
+
+* **icon-picker:** emoji picker component ([8ba32e6](https://github.com/Synerise/synerise-design/commit/8ba32e62b16757cb1bea3badb7d21fdcf14e8768))
+
+
+
+
+
 ## [1.0.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon-picker@1.0.0...@synerise/ds-icon-picker@1.0.1) (2025-03-18)
 
 **Note:** Version bump only for package @synerise/ds-icon-picker

package/dist/IconPicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconPickerProps } from './IconPicker.types';
-declare const IconPicker: React.FC<IconPickerProps>;
+declare const IconPicker: ({ button, data, onSelect, trigger, placeholder, noResultMsg }: IconPickerProps) => React.JSX.Element;
 export default IconPicker;

package/dist/IconPicker.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef, useState } from 'react';
 import Dropdown from '@synerise/ds-dropdown';
 import { useOnClickOutside } from '@synerise/ds-utils';
 import * as S from './IconPicker.styles';
@@ -10,19 +10,19 @@ var IconPicker = function IconPicker(_ref) {
     trigger = _ref.trigger,
     placeholder = _ref.placeholder,
     noResultMsg = _ref.noResultMsg;
-  var _React$useState = React.useState(data),
-    filteredData = _React$useState[0],
-    setFilteredData = _React$useState[1];
-  var _React$useState2 = React.useState(''),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    isOpen = _React$useState3[0],
-    setOpen = _React$useState3[1];
-  var _React$useState4 = React.useState(false),
-    focus = _React$useState4[0],
-    setFocus = _React$useState4[1];
-  var ref = React.useRef(null);
+  var _useState = useState(data),
+    filteredData = _useState[0],
+    setFilteredData = _useState[1];
+  var _useState2 = useState(''),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = useState(false),
+    isOpen = _useState3[0],
+    setOpen = _useState3[1];
+  var _useState4 = useState(false),
+    focus = _useState4[0],
+    setFocus = _useState4[1];
+  var ref = useRef(null);
   var filter = function filter(searchTerm) {
     setValue(searchTerm);
     var _final = data.filter(function (item) {

package/dist/IconPicker.types.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
+import type { ReactElement, ReactNode } from 'react';
 export type FilterItem = {
-    item: string | React.ReactNode;
+    item: ReactNode;
 };
 export type FilterElement = {
     category: string;
     items: FilterItem[];
 };
 export type IconPickerProps = {
-    button: React.ReactElement;
+    button: ReactElement;
     data: FilterElement[];
-    onSelect: (val: React.ReactNode) => void;
+    onSelect: (val: ReactNode) => void;
     trigger: ('click' | 'hover' | 'contextMenu')[];
     placeholder: string;
-    noResultMsg?: string | React.ReactElement;
+    noResultMsg?: string | ReactElement;
 };

package/dist/ListItem/ListItem.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ListItemProps } from './ListItem.types';
-declare const ListItem: React.FC<ListItemProps>;
+declare const ListItem: ({ element, index, onSelect }: ListItemProps) => React.JSX.Element;
 export default ListItem;

package/dist/Overlay/Overlay.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { OverlayTypes } from './Overlay.types';
-declare const Overlay: React.FC<OverlayTypes>;
+import { OverlayType } from './Overlay.types';
+declare const Overlay: ({ value, onSearchChange, onClearInput, placeholder, onSelect, data, focus, noResultMsg, }: OverlayType) => React.JSX.Element;
 export default Overlay;

package/dist/Overlay/Overlay.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Icon, { SearchM } from '@synerise/ds-icon';
-import { theme } from '@synerise/ds-core';
-import Dropdown from '@synerise/ds-dropdown/dist/Dropdown';
+import { useTheme } from '@synerise/ds-core';
+import Dropdown from '@synerise/ds-dropdown';
 import List from '../List/List';
 var Overlay = function Overlay(_ref) {
   var value = _ref.value,
@@ -12,6 +12,7 @@ var Overlay = function Overlay(_ref) {
     data = _ref.data,
     focus = _ref.focus,
     noResultMsg = _ref.noResultMsg;
+  var theme = useTheme();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown.SearchInput, {
     onSearchChange: onSearchChange,
     onClearInput: onClearInput,

package/dist/Overlay/Overlay.types.d.ts

@@ -1,12 +1,7 @@
-import React from 'react';
-import { FilterElement } from '../IconPicker.types';
-export type OverlayTypes = {
+import type { IconPickerProps } from '../IconPicker.types';
+export type OverlayType = Pick<IconPickerProps, 'data' | 'noResultMsg' | 'placeholder' | 'onSelect'> & {
     value: string;
     onSearchChange: (value: string) => void;
-    data: FilterElement[];
     onClearInput?: () => void;
-    onSelect: (value: React.ReactNode) => void;
-    placeholder: string;
     focus: boolean;
-    noResultMsg?: string | React.ReactNode;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-icon-picker",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "IconPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -31,11 +31,12 @@
   "sideEffects": false,
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.1.0",
-    "@synerise/ds-dropdown": "^1.0.1",
-    "@synerise/ds-icon": "^1.0.1",
-    "@synerise/ds-scrollbar": "^1.0.1",
-    "@synerise/ds-utils": "^1.0.1"
+    "@synerise/ds-button": "^1.1.1",
+    "@synerise/ds-dropdown": "^1.0.2",
+    "@synerise/ds-icon": "^1.1.0",
+    "@synerise/ds-scrollbar": "^1.0.2",
+    "@synerise/ds-utils": "^1.0.1",
+    "unicode-emoji-utils": "^1.2.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -43,5 +44,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "218110f61f4371bc04d793b2b976b71d14e99e76"
+  "gitHead": "47960dcd849dc47c85bd134bcfeb90a5505656a7"
 }