@trackunit/react-form-components 0.0.78 → 0.0.81
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/index.cjs +5 -2
- package/index.js +5 -2
- package/package.json +4 -4
package/index.cjs
CHANGED
|
@@ -2894,7 +2894,7 @@ const Container$3 = tailwindStyledComponents.tw.div `
|
|
|
2894
2894
|
`;
|
|
2895
2895
|
const Label = tailwindStyledComponents.tw.label `
|
|
2896
2896
|
tu-input-base
|
|
2897
|
-
|
|
2897
|
+
text-center
|
|
2898
2898
|
${p => (p.$disabled ? "tu-input--disabled" : "")}
|
|
2899
2899
|
${p => (p.$disabled ? "cursor-not-allowed" : "cursor-pointer")}
|
|
2900
2900
|
aspect-square
|
|
@@ -14089,7 +14089,7 @@ const useSelect = (_a) => {
|
|
|
14089
14089
|
* @returns {JSX.Element} CreatableSelect component
|
|
14090
14090
|
*/
|
|
14091
14091
|
const CreatableSelect = (props) => {
|
|
14092
|
-
const { id, dataTestId = "select", async, maxMenuHeight = 200, label, error, disabled, isMulti, value, hideLabel, description, info, options, onChange, isLoading, classNamePrefix = "", filterOption, prefix, } = props;
|
|
14092
|
+
const { id, dataTestId = "select", async, maxMenuHeight = 200, label, error, disabled, isMulti, value, hideLabel, description, info, options, onChange, isLoading, classNamePrefix = "", filterOption, prefix, onInputChange, placeholder, isClearable } = props;
|
|
14093
14093
|
const hasError = !!error;
|
|
14094
14094
|
const { refPrefix, customStyles, menuIsOpen, customComponents, menuPlacement, openMenuHandler, closeMenuHandler, orderedOptions, } = useSelect(props);
|
|
14095
14095
|
const selectProps = {
|
|
@@ -14114,6 +14114,9 @@ const CreatableSelect = (props) => {
|
|
|
14114
14114
|
isMulti: isMulti,
|
|
14115
14115
|
classNamePrefix,
|
|
14116
14116
|
isLoading,
|
|
14117
|
+
onInputChange,
|
|
14118
|
+
placeholder,
|
|
14119
|
+
isClearable,
|
|
14117
14120
|
id,
|
|
14118
14121
|
};
|
|
14119
14122
|
return (jsxRuntime.jsx(SelectContainer$1, { label: label, hideLabel: hideLabel, id: id, hasError: hasError, error: error, description: description, info: info, dataTestId: dataTestId, isDisabled: disabled, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [prefix !== undefined && (jsxRuntime.jsx(SelectPrefix, { "data-testid": dataTestId && `${dataTestId}-prefix`, ref: refPrefix, children: prefix })), async ? (jsxRuntime.jsx(AsyncCreatableSelect$1, Object.assign({ "aria-label": label, maxMenuHeight: maxMenuHeight, "data-testid": dataTestId, components: customComponents }, props, { onMenuOpen: () => {
|
package/index.js
CHANGED
|
@@ -2868,7 +2868,7 @@ const Container$3 = tw.div `
|
|
|
2868
2868
|
`;
|
|
2869
2869
|
const Label = tw.label `
|
|
2870
2870
|
tu-input-base
|
|
2871
|
-
|
|
2871
|
+
text-center
|
|
2872
2872
|
${p => (p.$disabled ? "tu-input--disabled" : "")}
|
|
2873
2873
|
${p => (p.$disabled ? "cursor-not-allowed" : "cursor-pointer")}
|
|
2874
2874
|
aspect-square
|
|
@@ -14063,7 +14063,7 @@ const useSelect = (_a) => {
|
|
|
14063
14063
|
* @returns {JSX.Element} CreatableSelect component
|
|
14064
14064
|
*/
|
|
14065
14065
|
const CreatableSelect = (props) => {
|
|
14066
|
-
const { id, dataTestId = "select", async, maxMenuHeight = 200, label, error, disabled, isMulti, value, hideLabel, description, info, options, onChange, isLoading, classNamePrefix = "", filterOption, prefix, } = props;
|
|
14066
|
+
const { id, dataTestId = "select", async, maxMenuHeight = 200, label, error, disabled, isMulti, value, hideLabel, description, info, options, onChange, isLoading, classNamePrefix = "", filterOption, prefix, onInputChange, placeholder, isClearable } = props;
|
|
14067
14067
|
const hasError = !!error;
|
|
14068
14068
|
const { refPrefix, customStyles, menuIsOpen, customComponents, menuPlacement, openMenuHandler, closeMenuHandler, orderedOptions, } = useSelect(props);
|
|
14069
14069
|
const selectProps = {
|
|
@@ -14088,6 +14088,9 @@ const CreatableSelect = (props) => {
|
|
|
14088
14088
|
isMulti: isMulti,
|
|
14089
14089
|
classNamePrefix,
|
|
14090
14090
|
isLoading,
|
|
14091
|
+
onInputChange,
|
|
14092
|
+
placeholder,
|
|
14093
|
+
isClearable,
|
|
14091
14094
|
id,
|
|
14092
14095
|
};
|
|
14093
14096
|
return (jsx$1(SelectContainer$1, { label: label, hideLabel: hideLabel, id: id, hasError: hasError, error: error, description: description, info: info, dataTestId: dataTestId, isDisabled: disabled, children: jsxs(Fragment$1, { children: [prefix !== undefined && (jsx$1(SelectPrefix, { "data-testid": dataTestId && `${dataTestId}-prefix`, ref: refPrefix, children: prefix })), async ? (jsx$1(AsyncCreatableSelect$1, Object.assign({ "aria-label": label, maxMenuHeight: maxMenuHeight, "data-testid": dataTestId, components: customComponents }, props, { onMenuOpen: () => {
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-form-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.81",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=16.x"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@trackunit/css-class-variance-utilities": "0.0.
|
|
11
|
-
"@trackunit/i18n-library-translation": "0.0.
|
|
12
|
-
"@trackunit/react-components": "0.1.
|
|
10
|
+
"@trackunit/css-class-variance-utilities": "0.0.7",
|
|
11
|
+
"@trackunit/i18n-library-translation": "0.0.60",
|
|
12
|
+
"@trackunit/react-components": "0.1.127",
|
|
13
13
|
"@trackunit/tailwind-styled-components": "0.0.58",
|
|
14
14
|
"date-fns": "2.29.3",
|
|
15
15
|
"libphonenumber-js": "1.10.36",
|