@elvia/elvis-dropdown - npm Package Compare versions

Comparing version 9.4.3 to 9.5.0

CHANGELOG.json

@@ -6,2 +6,18 @@ {
     {
+      "date": "28.08.24",
+      "version": "9.5.0",
+      "changelog": [
+        {
+          "type": "new_feature",
+          "changes": [
+            "The component now supports icons from the new <code>@elvia/elvis-icons</code> package."
+          ]
+        },
+        {
+          "type": "patch",
+          "changes": ["Updated internal dependencies."]
+        }
+      ]
+    },
+    {
       "date": "21.06.24",
@@ -8,0 +24,0 @@ "version": "9.4.3",

dist/react/checkbox/checkboxStyles.d.ts

@@ -1,10 +0,9 @@
-/// <reference types="react" />
 import { CheckboxProps, IndeterminateLineProps } from './checkbox';
 export declare const IndeterminateLine: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & IndeterminateLineProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & CheckboxProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

dist/react/dropdown-item/dropdownItemStyles.d.ts

@@ -1,37 +0,36 @@
-/// <reference types="react" />
 import { FormFieldSizes } from '@elvia/elvis-toolbox';
 export declare const TooltipContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     noRightContent: boolean;
-    isRootOverlay?: boolean | undefined;
+    isRootOverlay?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TooltipTextContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownItemValue: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const IconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownItemStyles: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    isActive?: boolean | undefined;
-    isFocused?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-    size?: FormFieldSizes | undefined;
-    isMulti?: boolean | undefined;
-    isInvisible?: boolean | undefined;
-    isGtMobile?: boolean | undefined;
-    isPlaceholderItem?: boolean | undefined;
+    isActive?: boolean;
+    isFocused?: boolean;
+    isDisabled?: boolean;
+    size?: FormFieldSizes;
+    isMulti?: boolean;
+    isInvisible?: boolean;
+    isGtMobile?: boolean;
+    isPlaceholderItem?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OpenOverlayButton: import("@emotion/styled").StyledComponent<Pick<Omit<any, "ref"> & import("react").RefAttributes<HTMLButtonElement>, string> & {
-    theme?: import("@emotion/react").Theme | undefined;
+export declare const OpenOverlayButton: import("@emotion/styled").StyledComponent<Pick<any, string> & {
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

dist/react/dropdown-overlay/dropdownOverlayStyles.d.ts

@@ -1,10 +0,9 @@
-/// <reference types="react" />
 import { FormFieldSizes } from '@elvia/elvis-toolbox';
 export declare const CursorCurve: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownPopupContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
@@ -14,4 +13,4 @@ size: FormFieldSizes;
 export declare const DropdownPopup: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
@@ -21,38 +20,38 @@ isInvisible: boolean;
 export declare const ItemList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const NoItemsMessage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Divider: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
-export declare const RotateAnimation: import("@emotion/serialize").Keyframes;
+export declare const RotateAnimation: import("@emotion/react").Keyframes;
 export declare const SpinContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LoadMoreButtonStyles: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    isLoading?: boolean | undefined;
+    isLoading?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BackButtonStyles: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    isActive?: boolean | undefined;
-    isFocused?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-    size?: FormFieldSizes | undefined;
-    isMulti?: boolean | undefined;
-    isInvisible?: boolean | undefined;
-    isGtMobile?: boolean | undefined;
-    isPlaceholderItem?: boolean | undefined;
+    isActive?: boolean;
+    isFocused?: boolean;
+    isDisabled?: boolean;
+    size?: FormFieldSizes;
+    isMulti?: boolean;
+    isInvisible?: boolean;
+    isGtMobile?: boolean;
+    isPlaceholderItem?: boolean;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

dist/react/elvia-dropdown.js

@@ -223,5 +223,13 @@ // components/elvis-dropdown/src/react/elvia-dropdown.tsx
   return /* @__PURE__ */ React.createElement(React.Fragment, null, placeholderIcon && !inputValue && /* @__PURE__ */ React.createElement(DropdownIconContainer, { size, dangerouslySetInnerHTML: {
-    __html: DOMPurify.sanitize(placeholderIcon)
+    __html: DOMPurify.sanitize(placeholderIcon, {
+      CUSTOM_ELEMENT_HANDLING: {
+        tagNameCheck: /^e-icon$/
+      }
+    })
   } }), !!currentValIcon && /* @__PURE__ */ React.createElement(DropdownIconContainer, { size, dangerouslySetInnerHTML: {
-    __html: DOMPurify.sanitize(currentValIcon)
+    __html: DOMPurify.sanitize(currentValIcon, {
+      CUSTOM_ELEMENT_HANDLING: {
+        tagNameCheck: /^e-icon$/
+      }
+    })
   } }), /* @__PURE__ */ React.createElement(FormFieldInput, { style: {
@@ -905,3 +913,7 @@ flex: 1,
     item.icon && !isMulti && /* @__PURE__ */ React8.createElement(DropdownIconContainer, { dangerouslySetInnerHTML: {
-      __html: DOMPurify2.sanitize(item.icon)
+      __html: DOMPurify2.sanitize(item.icon, {
+        CUSTOM_ELEMENT_HANDLING: {
+          tagNameCheck: /^e-icon$/
+        }
+      })
     } }),
@@ -908,0 +920,0 @@ /* @__PURE__ */ React8.createElement(ItemValue, { item, focusedValue: focusedItem, isRootOverlay })

dist/react/styledComponents.d.ts

@@ -1,6 +0,5 @@
-/// <reference types="react" />
 import { FormFieldSizes } from '@elvia/elvis-toolbox';
 export declare const IconRotator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
@@ -11,6 +10,6 @@ isRotated: boolean;
 export declare const DropdownIconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    size?: FormFieldSizes | undefined;
+    size?: FormFieldSizes;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package.json

 {
   "name": "@elvia/elvis-dropdown",
-  "version": "9.4.3",
+  "version": "9.5.0",
   "license": "MIT",
@@ -8,3 +8,3 @@ "homepage": "https://design.elvia.io/components/dropdown",
     "type": "git",
-    "url": "https://github.com/3lvia/designsystem.git",
+    "url": "git+https://github.com/3lvia/designsystem.git",
     "directory": "packages/components/components/elvis-dropdown"
@@ -22,11 +22,11 @@ },
   "dependencies": {
-    "@elvia/elvis-assets-icons": "^3.10.0",
-    "@elvia/elvis-colors": "^4.4.1",
+    "@elvia/elvis-assets-icons": "^3.11.1",
+    "@elvia/elvis-colors": "^4.4.2",
     "@elvia/elvis-component-wrapper": "^4.2.0",
-    "@elvia/elvis-toolbox": "^12.0.3",
+    "@elvia/elvis-toolbox": "^12.0.6",
     "@elvia/elvis-tooltip": "^1.3.6",
-    "@elvia/elvis-typography": "^2.7.1",
+    "@elvia/elvis-typography": "^3.1.0",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
-    "dompurify": "^3.1.4"
+    "dompurify": "^3.1.6"
   },
@@ -33,0 +33,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

2843

increased by0.85%

Worsened metrics

Total package byte prevSize

100718

decreased by-1.29%

Dependency changes

• - Removed@elvia/elvis-typography@2.7.1(transitive)

• Updated@elvia/elvis-assets-icons@^3.11.1

• Updated@elvia/elvis-colors@^4.4.2

• Updated@elvia/elvis-toolbox@^12.0.6

• Updated@elvia/elvis-typography@^3.1.0

• Updateddompurify@^3.1.6