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