@wireapp/react-ui-kit - npm Package Compare versions

Comparing version 9.44.1 to 9.45.0

lib/Form/Select.d.ts

@@ -18,2 +18,4 @@ import { ReactElement } from 'react';
     wrapperCSS?: CSSObject;
+    selectControlCSS?: CSSObject;
+    selectContainerCSS?: CSSObject;
     label?: string;
@@ -29,3 +31,3 @@ helperText?: string;
 }
-export declare const Select: <IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, ...props }: SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Select: <IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, selectControlCSS, selectContainerCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, ...props }: SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

lib/Form/Select.js

@@ -14,3 +14,3 @@ "use strict";
 const enums_1 = require("../types/enums");
-const Select = ({ id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, menuCSS = {}, markInvalid = false, required = false, isSearchable = false, overlayMenu = true, menuListHeading, ...props }) => {
+const Select = ({ id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, menuCSS = {}, selectControlCSS = {}, selectContainerCSS = {}, markInvalid = false, required = false, isSearchable = false, overlayMenu = true, menuListHeading, ...props }) => {
     const theme = (0, react_1.useTheme)();
@@ -31,2 +31,4 @@ const hasError = !!error;
                     menuPosition: overlayMenu ? 'absolute' : 'relative',
+                    controlCSS: selectControlCSS,
+                    containerCSS: selectContainerCSS,
                 }), components: {
@@ -33,0 +35,0 @@ SelectContainer: SelectComponents_1.SelectContainer,

lib/Form/Select.stories.d.ts

 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: <IsMulti extends boolean = false, Group extends import("react-select").GroupBase<import("./Select").Option> = import("react-select").GroupBase<import("./Select").Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, ...props }: import("./Select").SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    component: <IsMulti extends boolean = false, Group extends import("react-select").GroupBase<import("./Select").Option> = import("react-select").GroupBase<import("./Select").Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, menuCSS, selectControlCSS, selectContainerCSS, markInvalid, required, isSearchable, overlayMenu, menuListHeading, ...props }: import("./Select").SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
     parameters: {
@@ -6,0 +6,0 @@ layout: string;

lib/Form/SelectStyles.js

@@ -24,3 +24,3 @@ "use strict";
 const SelectComponents_1 = require("./SelectComponents");
-const customStyles = ({ theme, markInvalid = false, menuPosition = 'absolute' }) => ({
+const customStyles = ({ theme, markInvalid = false, menuPosition = 'absolute', controlCSS, containerCSS, }) => ({
     indicatorSeparator: () => ({
@@ -58,2 +58,3 @@ display: 'none',
                 },
+                ...controlCSS,
             },
@@ -65,2 +66,3 @@ '& > div': (0, SelectComponents_1.isGroup)(options)
                     top: '-10px',
+                    ...containerCSS,
                 }
@@ -76,2 +78,3 @@ : {
                     position: 'relative',
+                    ...containerCSS,
                 },
@@ -91,2 +94,3 @@ };
         }),
+        ...controlCSS,
     }),
@@ -93,0 +97,0 @@ dropdownIndicator: (provided, selectProps) => {

package.json

@@ -80,4 +80,4 @@ {
   },
-  "version": "9.44.1",
-  "gitHead": "8c4fd1bc92f99b3806c19b2881b227964c75f4c0"
+  "version": "9.45.0",
+  "gitHead": "26752df176392755d8e0747e626a50eed7200214"
 }

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1408617

43.64%

Lines of code

17788

18.26%

No dependency changes