@wavelengthusaf/components 4.3.0 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/dist/cjs/index.cjs +2 -1
- package/dist/cjs/index.d.cts +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +2 -1
- package/package.json +2 -2
package/README.md
CHANGED
package/dist/cjs/index.cjs
CHANGED
|
@@ -8428,7 +8428,7 @@ var WavelengthNotificationPanel = ({
|
|
|
8428
8428
|
// src/components/MultiSelect/WavelengthMultiSelectAutocomplete.tsx
|
|
8429
8429
|
|
|
8430
8430
|
|
|
8431
|
-
var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Options", label, name, style: style3, onChange, value, ...rest }) => {
|
|
8431
|
+
var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Options", label, name, style: style3, onChange, value, disabled, ...rest }) => {
|
|
8432
8432
|
const componentRef = _react.useRef.call(void 0, null);
|
|
8433
8433
|
_react.useEffect.call(void 0, () => {
|
|
8434
8434
|
const component = componentRef.current;
|
|
@@ -8449,6 +8449,7 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
|
|
|
8449
8449
|
if (placeholder) component.setAttribute("placeholder", placeholder);
|
|
8450
8450
|
if (label) component.setAttribute("label", label);
|
|
8451
8451
|
if (name) component.setAttribute("name", name);
|
|
8452
|
+
if (disabled) component.setAttribute("disabled", disabled ? "true" : "false");
|
|
8452
8453
|
if (options) component.autocompleteOptions = options;
|
|
8453
8454
|
if (style3) component.customStyles = style3;
|
|
8454
8455
|
}, [options, placeholder, name, label, style3]);
|
package/dist/cjs/index.d.cts
CHANGED
|
@@ -1017,6 +1017,7 @@ interface MultiSelectAutocompleteProps {
|
|
|
1017
1017
|
style?: CustomStyleProp;
|
|
1018
1018
|
onChange?: (selectedOptions: Option[]) => void;
|
|
1019
1019
|
value?: Option[];
|
|
1020
|
+
disabled?: boolean;
|
|
1020
1021
|
}
|
|
1021
1022
|
declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
|
|
1022
1023
|
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1017,6 +1017,7 @@ interface MultiSelectAutocompleteProps {
|
|
|
1017
1017
|
style?: CustomStyleProp;
|
|
1018
1018
|
onChange?: (selectedOptions: Option[]) => void;
|
|
1019
1019
|
value?: Option[];
|
|
1020
|
+
disabled?: boolean;
|
|
1020
1021
|
}
|
|
1021
1022
|
declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
|
|
1022
1023
|
|
package/dist/esm/index.js
CHANGED
|
@@ -8428,7 +8428,7 @@ import { SampleComponent as SampleComponent2 } from "@wavelengthusaf/web-compone
|
|
|
8428
8428
|
// src/components/MultiSelect/WavelengthMultiSelectAutocomplete.tsx
|
|
8429
8429
|
import { useEffect as useEffect19, useRef as useRef18 } from "react";
|
|
8430
8430
|
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
8431
|
-
var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Options", label, name, style: style3, onChange, value, ...rest }) => {
|
|
8431
|
+
var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Options", label, name, style: style3, onChange, value, disabled, ...rest }) => {
|
|
8432
8432
|
const componentRef = useRef18(null);
|
|
8433
8433
|
useEffect19(() => {
|
|
8434
8434
|
const component = componentRef.current;
|
|
@@ -8449,6 +8449,7 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
|
|
|
8449
8449
|
if (placeholder) component.setAttribute("placeholder", placeholder);
|
|
8450
8450
|
if (label) component.setAttribute("label", label);
|
|
8451
8451
|
if (name) component.setAttribute("name", name);
|
|
8452
|
+
if (disabled) component.setAttribute("disabled", disabled ? "true" : "false");
|
|
8452
8453
|
if (options) component.autocompleteOptions = options;
|
|
8453
8454
|
if (style3) component.customStyles = style3;
|
|
8454
8455
|
}, [options, placeholder, name, label, style3]);
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@wavelengthusaf/components",
|
|
3
3
|
"author": "563 EWS - Wavelength",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "4.
|
|
5
|
+
"version": "4.4.0",
|
|
6
6
|
"description": "Common component library used by Wavelength developers",
|
|
7
7
|
"main": "/dist/cjs/index.cjs",
|
|
8
8
|
"module": "/dist/esm/index.js",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"@emotion/styled": "^11.11.0",
|
|
72
72
|
"@mui/icons-material": "^5.16.5",
|
|
73
73
|
"@mui/material": "^5.15.7",
|
|
74
|
-
"@wavelengthusaf/web-components": "^1.
|
|
74
|
+
"@wavelengthusaf/web-components": "^1.6.0",
|
|
75
75
|
"react": "^18.2.0",
|
|
76
76
|
"react-router-dom": "^6.26.2",
|
|
77
77
|
"styled-components": "^6.1.12",
|