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.
Files changed (9) 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 +91 -43
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/esm/canvas/workspace.js +91 -43
  6. package/dist/esm/canvas/workspace.js.map +1 -1
  7. package/dist/esm/index.js +91 -43
  8. package/dist/esm/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -11281,47 +11281,68 @@ var SingleFieldDialog = function SingleFieldDialog(_ref) {
11281
11281
  })]
11282
11282
  });
11283
11283
  case 'radio':
11284
- return /*#__PURE__*/jsxRuntime.jsx(material.RadioGroup, {
11285
- value: value,
11286
- onChange: function onChange(e) {
11287
- return setValue(e.target.value);
11288
- },
11284
+ return /*#__PURE__*/jsxRuntime.jsx(material.Box, {
11289
11285
  sx: {
11290
11286
  mt: 1,
11291
- gap: 1
11287
+ flex: 1,
11288
+ minHeight: 0,
11289
+ overflowY: 'auto',
11290
+ pr: 0.5,
11291
+ '&::-webkit-scrollbar': {
11292
+ width: 6
11293
+ },
11294
+ '&::-webkit-scrollbar-track': {
11295
+ background: 'transparent'
11296
+ },
11297
+ '&::-webkit-scrollbar-thumb': {
11298
+ background: '#d0d5dd',
11299
+ borderRadius: 3
11300
+ },
11301
+ '&::-webkit-scrollbar-thumb:hover': {
11302
+ background: '#aaa'
11303
+ }
11292
11304
  },
11293
- children: options.map(function (opt) {
11294
- return /*#__PURE__*/jsxRuntime.jsx(material.FormControlLabel, {
11295
- value: opt,
11296
- control: /*#__PURE__*/jsxRuntime.jsx(material.Radio, {
11297
- sx: {
11298
- color: '#d0d5dd',
11299
- '&.Mui-checked': {
11300
- color: accentColor
11305
+ children: /*#__PURE__*/jsxRuntime.jsx(material.RadioGroup, {
11306
+ value: value,
11307
+ onChange: function onChange(e) {
11308
+ return setValue(e.target.value);
11309
+ },
11310
+ sx: {
11311
+ gap: 1
11312
+ },
11313
+ children: options.map(function (opt) {
11314
+ return /*#__PURE__*/jsxRuntime.jsx(material.FormControlLabel, {
11315
+ value: opt,
11316
+ control: /*#__PURE__*/jsxRuntime.jsx(material.Radio, {
11317
+ sx: {
11318
+ color: '#d0d5dd',
11319
+ '&.Mui-checked': {
11320
+ color: accentColor
11321
+ }
11301
11322
  }
11302
- }
11303
- }),
11304
- label: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
11323
+ }),
11324
+ label: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
11325
+ sx: {
11326
+ fontSize: 18
11327
+ },
11328
+ children: opt
11329
+ }),
11305
11330
  sx: {
11306
- fontSize: 18
11307
- },
11308
- children: opt
11309
- }),
11310
- sx: {
11311
- m: 0,
11312
- border: '1px solid',
11313
- borderColor: value === opt ? accentColor : '#d0d5dd',
11314
- borderRadius: '8px',
11315
- px: 2,
11316
- py: 0.75,
11317
- transition: 'all 0.15s ease',
11318
- backgroundColor: value === opt ? 'rgba(13,131,205,0.04)' : 'transparent',
11319
- '&:hover': {
11320
- borderColor: accentColor,
11321
- backgroundColor: 'rgba(13,131,205,0.03)'
11331
+ m: 0,
11332
+ border: '1px solid',
11333
+ borderColor: value === opt ? accentColor : '#d0d5dd',
11334
+ borderRadius: '8px',
11335
+ px: 2,
11336
+ py: 0.75,
11337
+ transition: 'all 0.15s ease',
11338
+ backgroundColor: value === opt ? 'rgba(13,131,205,0.04)' : 'transparent',
11339
+ '&:hover': {
11340
+ borderColor: accentColor,
11341
+ backgroundColor: 'rgba(13,131,205,0.03)'
11342
+ }
11322
11343
  }
11323
- }
11324
- }, opt);
11344
+ }, opt);
11345
+ })
11325
11346
  })
11326
11347
  });
11327
11348
  case 'list':
@@ -11329,11 +11350,32 @@ var SingleFieldDialog = function SingleFieldDialog(_ref) {
11329
11350
  var isAtMax = maxSelections > 0 && selectedItems.length >= maxSelections;
11330
11351
  return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
11331
11352
  sx: {
11332
- mt: 1
11353
+ mt: 1,
11354
+ flex: 1,
11355
+ minHeight: 0,
11356
+ display: 'flex',
11357
+ flexDirection: 'column'
11333
11358
  },
11334
11359
  children: [/*#__PURE__*/jsxRuntime.jsx(material.FormGroup, {
11335
11360
  sx: {
11336
- gap: 1
11361
+ gap: 1,
11362
+ flex: 1,
11363
+ minHeight: 0,
11364
+ overflowY: 'auto',
11365
+ pr: 0.5,
11366
+ '&::-webkit-scrollbar': {
11367
+ width: 6
11368
+ },
11369
+ '&::-webkit-scrollbar-track': {
11370
+ background: 'transparent'
11371
+ },
11372
+ '&::-webkit-scrollbar-thumb': {
11373
+ background: '#d0d5dd',
11374
+ borderRadius: 3
11375
+ },
11376
+ '&::-webkit-scrollbar-thumb:hover': {
11377
+ background: '#aaa'
11378
+ }
11337
11379
  },
11338
11380
  children: options.map(function (opt) {
11339
11381
  var checked = selectedItems.includes(opt);
@@ -11471,18 +11513,23 @@ var SingleFieldDialog = function SingleFieldDialog(_ref) {
11471
11513
  sx: {
11472
11514
  flex: 1,
11473
11515
  display: 'flex',
11474
- alignItems: 'center',
11475
- justifyContent: 'center',
11516
+ flexDirection: 'column',
11517
+ overflow: 'hidden',
11476
11518
  p: {
11477
11519
  xs: 3,
11478
11520
  sm: 5
11479
- },
11480
- overflowY: 'auto'
11521
+ }
11481
11522
  },
11482
11523
  children: /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
11483
11524
  sx: {
11484
11525
  width: '100%',
11485
- maxWidth: 750
11526
+ maxWidth: 750,
11527
+ mx: 'auto',
11528
+ display: 'flex',
11529
+ flexDirection: 'column',
11530
+ flex: 1,
11531
+ minHeight: 0,
11532
+ justifyContent: 'center'
11486
11533
  },
11487
11534
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
11488
11535
  sx: {
@@ -11511,7 +11558,8 @@ var SingleFieldDialog = function SingleFieldDialog(_ref) {
11511
11558
  display: 'flex',
11512
11559
  alignItems: 'center',
11513
11560
  gap: 2,
11514
- mt: 4.5
11561
+ mt: 4.5,
11562
+ flexShrink: 0
11515
11563
  },
11516
11564
  children: [canGoBack && /*#__PURE__*/jsxRuntime.jsx(material.Button, {
11517
11565
  variant: "outlined",