odaptos_design_system 2.0.173 → 2.0.174
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/dist/Organisms/SingleSelect/SingleSelect.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +4 -3
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +4 -3
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Organisms/SingleSelect/SingleSelect.modules.scss +44 -0
- package/src/Organisms/SingleSelect/SingleSelect.tsx +5 -1
|
@@ -19,9 +19,10 @@ interface SingleSelectProps {
|
|
|
19
19
|
options: any[];
|
|
20
20
|
onChange: (value: any) => void;
|
|
21
21
|
onBlur?: () => void;
|
|
22
|
+
noWidth?: boolean;
|
|
22
23
|
}
|
|
23
24
|
/**
|
|
24
25
|
* Use this component for single selection !!
|
|
25
26
|
*/
|
|
26
|
-
export declare const SingleSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, inputId, required, error, helperText, errorText, canAddNewOption, onBlur, ...props }: SingleSelectProps) => React.JSX.Element;
|
|
27
|
+
export declare const SingleSelect: ({ options, label, placeholder, name, className, onChange, disabled, defaultValue, topLabel, topLabelWeight, topLabelSize, id, inputId, required, error, helperText, errorText, canAddNewOption, onBlur, noWidth, ...props }: SingleSelectProps) => React.JSX.Element;
|
|
27
28
|
export {};
|
|
@@ -16685,8 +16685,8 @@ const RatingScale = props => {
|
|
|
16685
16685
|
})) : null);
|
|
16686
16686
|
};
|
|
16687
16687
|
|
|
16688
|
-
var css_248z$Z = ".SingleSelect-modules_newAutocomplete__eqYQo{min-width:16rem;width:100%}.SingleSelect-modules_newAutocomplete__eqYQo label,.SingleSelect-modules_newAutocomplete__eqYQo span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_MuiAutocomplete-endAdornment__8EaFU{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_tags-container__ohLVa{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_tags-container__ohLVa p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_input_top_label__duzAQ{margin-bottom:.625rem}.SingleSelect-modules_MuiOutlinedInput-root__bpVWQ.SingleSelect-modules_MuiInputBase-root__FVaHT.SingleSelect-modules_MuiInputBase-formControl__lYoNJ{align-items:center;display:flex;flex-direction:row}.SingleSelect-modules_text_below__6l3Mu{margin:.25rem .5rem .25rem .75rem}.SingleSelect-modules_icon__-dAuA{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
16689
|
-
var styles$Z = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__eqYQo","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__8EaFU","tags-container":"SingleSelect-modules_tags-container__ohLVa","input_top_label":"SingleSelect-modules_input_top_label__duzAQ","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__bpVWQ","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__FVaHT","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__lYoNJ","text_below":"SingleSelect-modules_text_below__6l3Mu","icon":"SingleSelect-modules_icon__-dAuA"};
|
|
16688
|
+
var css_248z$Z = ".SingleSelect-modules_newAutocomplete__eqYQo{min-width:16rem;width:100%}.SingleSelect-modules_newAutocomplete__eqYQo label,.SingleSelect-modules_newAutocomplete__eqYQo span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_MuiAutocomplete-endAdornment__8EaFU{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_tags-container__ohLVa{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_tags-container__ohLVa p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_newAutocompleteNoWidth__G7sPN{width:100%}.SingleSelect-modules_newAutocompleteNoWidth__G7sPN label,.SingleSelect-modules_newAutocompleteNoWidth__G7sPN span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.SingleSelect-modules_newAutocompleteNoWidth__G7sPN .SingleSelect-modules_MuiAutocomplete-endAdornment__8EaFU{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocompleteNoWidth__G7sPN .SingleSelect-modules_tags-container__ohLVa{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocompleteNoWidth__G7sPN .SingleSelect-modules_tags-container__ohLVa p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_input_top_label__duzAQ{margin-bottom:.625rem}.SingleSelect-modules_MuiOutlinedInput-root__bpVWQ.SingleSelect-modules_MuiInputBase-root__FVaHT.SingleSelect-modules_MuiInputBase-formControl__lYoNJ{align-items:center;display:flex;flex-direction:row}.SingleSelect-modules_text_below__6l3Mu{margin:.25rem .5rem .25rem .75rem}.SingleSelect-modules_icon__-dAuA{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
16689
|
+
var styles$Z = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__eqYQo","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__8EaFU","tags-container":"SingleSelect-modules_tags-container__ohLVa","newAutocompleteNoWidth":"SingleSelect-modules_newAutocompleteNoWidth__G7sPN","input_top_label":"SingleSelect-modules_input_top_label__duzAQ","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__bpVWQ","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__FVaHT","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__lYoNJ","text_below":"SingleSelect-modules_text_below__6l3Mu","icon":"SingleSelect-modules_icon__-dAuA"};
|
|
16690
16690
|
styleInject(css_248z$Z);
|
|
16691
16691
|
|
|
16692
16692
|
const filter$2 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
@@ -16800,6 +16800,7 @@ const SingleSelect = ({
|
|
|
16800
16800
|
errorText,
|
|
16801
16801
|
canAddNewOption,
|
|
16802
16802
|
onBlur,
|
|
16803
|
+
noWidth = false,
|
|
16803
16804
|
...props
|
|
16804
16805
|
}) => {
|
|
16805
16806
|
const [value, setValue] = React.useState(defaultValue === undefined ? null : defaultValue);
|
|
@@ -16866,7 +16867,7 @@ const SingleSelect = ({
|
|
|
16866
16867
|
fill: "black",
|
|
16867
16868
|
className: `${styles$Z.icon}`
|
|
16868
16869
|
}),
|
|
16869
|
-
className: `${styles$Z.newAutocomplete}`,
|
|
16870
|
+
className: `${styles$Z.newAutocomplete} ${noWidth ? styles$Z.newAutocompleteNoWidth : ''}`,
|
|
16870
16871
|
renderOption: (props, option) => {
|
|
16871
16872
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
16872
16873
|
key: option.value,
|