labellife-design-tool 2.3.0 → 2.3.3

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.
@@ -1884,47 +1884,68 @@ var SingleFieldDialog = function SingleFieldDialog(_ref) {
1884
1884
  })]
1885
1885
  });
1886
1886
  case 'radio':
1887
- return /*#__PURE__*/jsx(RadioGroup, {
1888
- value: value,
1889
- onChange: function onChange(e) {
1890
- return setValue(e.target.value);
1891
- },
1887
+ return /*#__PURE__*/jsx(Box, {
1892
1888
  sx: {
1893
1889
  mt: 1,
1894
- gap: 1
1890
+ flex: 1,
1891
+ minHeight: 0,
1892
+ overflowY: 'auto',
1893
+ pr: 0.5,
1894
+ '&::-webkit-scrollbar': {
1895
+ width: 6
1896
+ },
1897
+ '&::-webkit-scrollbar-track': {
1898
+ background: 'transparent'
1899
+ },
1900
+ '&::-webkit-scrollbar-thumb': {
1901
+ background: '#d0d5dd',
1902
+ borderRadius: 3
1903
+ },
1904
+ '&::-webkit-scrollbar-thumb:hover': {
1905
+ background: '#aaa'
1906
+ }
1895
1907
  },
1896
- children: options.map(function (opt) {
1897
- return /*#__PURE__*/jsx(FormControlLabel, {
1898
- value: opt,
1899
- control: /*#__PURE__*/jsx(Radio, {
1900
- sx: {
1901
- color: '#d0d5dd',
1902
- '&.Mui-checked': {
1903
- color: accentColor
1908
+ children: /*#__PURE__*/jsx(RadioGroup, {
1909
+ value: value,
1910
+ onChange: function onChange(e) {
1911
+ return setValue(e.target.value);
1912
+ },
1913
+ sx: {
1914
+ gap: 1
1915
+ },
1916
+ children: options.map(function (opt) {
1917
+ return /*#__PURE__*/jsx(FormControlLabel, {
1918
+ value: opt,
1919
+ control: /*#__PURE__*/jsx(Radio, {
1920
+ sx: {
1921
+ color: '#d0d5dd',
1922
+ '&.Mui-checked': {
1923
+ color: accentColor
1924
+ }
1904
1925
  }
1905
- }
1906
- }),
1907
- label: /*#__PURE__*/jsx(Typography, {
1926
+ }),
1927
+ label: /*#__PURE__*/jsx(Typography, {
1928
+ sx: {
1929
+ fontSize: 18
1930
+ },
1931
+ children: opt
1932
+ }),
1908
1933
  sx: {
1909
- fontSize: 18
1910
- },
1911
- children: opt
1912
- }),
1913
- sx: {
1914
- m: 0,
1915
- border: '1px solid',
1916
- borderColor: value === opt ? accentColor : '#d0d5dd',
1917
- borderRadius: '8px',
1918
- px: 2,
1919
- py: 0.75,
1920
- transition: 'all 0.15s ease',
1921
- backgroundColor: value === opt ? 'rgba(13,131,205,0.04)' : 'transparent',
1922
- '&:hover': {
1923
- borderColor: accentColor,
1924
- backgroundColor: 'rgba(13,131,205,0.03)'
1934
+ m: 0,
1935
+ border: '1px solid',
1936
+ borderColor: value === opt ? accentColor : '#d0d5dd',
1937
+ borderRadius: '8px',
1938
+ px: 2,
1939
+ py: 0.75,
1940
+ transition: 'all 0.15s ease',
1941
+ backgroundColor: value === opt ? 'rgba(13,131,205,0.04)' : 'transparent',
1942
+ '&:hover': {
1943
+ borderColor: accentColor,
1944
+ backgroundColor: 'rgba(13,131,205,0.03)'
1945
+ }
1925
1946
  }
1926
- }
1927
- }, opt);
1947
+ }, opt);
1948
+ })
1928
1949
  })
1929
1950
  });
1930
1951
  case 'list':
@@ -1932,11 +1953,32 @@ var SingleFieldDialog = function SingleFieldDialog(_ref) {
1932
1953
  var isAtMax = maxSelections > 0 && selectedItems.length >= maxSelections;
1933
1954
  return /*#__PURE__*/jsxs(Box, {
1934
1955
  sx: {
1935
- mt: 1
1956
+ mt: 1,
1957
+ flex: 1,
1958
+ minHeight: 0,
1959
+ display: 'flex',
1960
+ flexDirection: 'column'
1936
1961
  },
1937
1962
  children: [/*#__PURE__*/jsx(FormGroup, {
1938
1963
  sx: {
1939
- gap: 1
1964
+ gap: 1,
1965
+ flex: 1,
1966
+ minHeight: 0,
1967
+ overflowY: 'auto',
1968
+ pr: 0.5,
1969
+ '&::-webkit-scrollbar': {
1970
+ width: 6
1971
+ },
1972
+ '&::-webkit-scrollbar-track': {
1973
+ background: 'transparent'
1974
+ },
1975
+ '&::-webkit-scrollbar-thumb': {
1976
+ background: '#d0d5dd',
1977
+ borderRadius: 3
1978
+ },
1979
+ '&::-webkit-scrollbar-thumb:hover': {
1980
+ background: '#aaa'
1981
+ }
1940
1982
  },
1941
1983
  children: options.map(function (opt) {
1942
1984
  var checked = selectedItems.includes(opt);
@@ -2074,18 +2116,23 @@ var SingleFieldDialog = function SingleFieldDialog(_ref) {
2074
2116
  sx: {
2075
2117
  flex: 1,
2076
2118
  display: 'flex',
2077
- alignItems: 'center',
2078
- justifyContent: 'center',
2119
+ flexDirection: 'column',
2120
+ overflow: 'hidden',
2079
2121
  p: {
2080
2122
  xs: 3,
2081
2123
  sm: 5
2082
- },
2083
- overflowY: 'auto'
2124
+ }
2084
2125
  },
2085
2126
  children: /*#__PURE__*/jsxs(Box, {
2086
2127
  sx: {
2087
2128
  width: '100%',
2088
- maxWidth: 750
2129
+ maxWidth: 750,
2130
+ mx: 'auto',
2131
+ display: 'flex',
2132
+ flexDirection: 'column',
2133
+ flex: 1,
2134
+ minHeight: 0,
2135
+ justifyContent: 'center'
2089
2136
  },
2090
2137
  children: [/*#__PURE__*/jsx(Typography, {
2091
2138
  sx: {
@@ -2114,7 +2161,8 @@ var SingleFieldDialog = function SingleFieldDialog(_ref) {
2114
2161
  display: 'flex',
2115
2162
  alignItems: 'center',
2116
2163
  gap: 2,
2117
- mt: 4.5
2164
+ mt: 4.5,
2165
+ flexShrink: 0
2118
2166
  },
2119
2167
  children: [canGoBack && /*#__PURE__*/jsx(Button, {
2120
2168
  variant: "outlined",