labellife-design-tool 2.3.1 → 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.
- package/dist/cjs/canvas/workspace.js +91 -43
- package/dist/cjs/canvas/workspace.js.map +1 -1
- package/dist/cjs/index.js +91 -43
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/canvas/workspace.js +91 -43
- package/dist/esm/canvas/workspace.js.map +1 -1
- package/dist/esm/index.js +91 -43
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1888,47 +1888,68 @@ var SingleFieldDialog = function SingleFieldDialog(_ref) {
|
|
|
1888
1888
|
})]
|
|
1889
1889
|
});
|
|
1890
1890
|
case 'radio':
|
|
1891
|
-
return /*#__PURE__*/jsxRuntime.jsx(material.
|
|
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
|
-
|
|
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:
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
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
|
-
|
|
1930
|
+
}),
|
|
1931
|
+
label: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
|
|
1932
|
+
sx: {
|
|
1933
|
+
fontSize: 18
|
|
1934
|
+
},
|
|
1935
|
+
children: opt
|
|
1936
|
+
}),
|
|
1912
1937
|
sx: {
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
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
|
-
}
|
|
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
|
-
|
|
2082
|
-
|
|
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",
|