@elliemae/ds-shuttle-v2 3.12.0-rc.2 → 3.12.0-rc.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 (77) hide show
  1. package/dist/cjs/DSShuttleV2.js +1 -9
  2. package/dist/cjs/DSShuttleV2.js.map +1 -1
  3. package/dist/cjs/parts/Header.js +4 -15
  4. package/dist/cjs/parts/Header.js.map +1 -1
  5. package/dist/cjs/parts/Item/Item.js +19 -22
  6. package/dist/cjs/parts/Item/Item.js.map +1 -1
  7. package/dist/cjs/parts/Item/ItemActions/ItemActions.js +29 -47
  8. package/dist/cjs/parts/Item/ItemActions/ItemActions.js.map +1 -1
  9. package/dist/cjs/parts/Item/ItemMiddleSection.js +10 -48
  10. package/dist/cjs/parts/Item/ItemMiddleSection.js.map +1 -1
  11. package/dist/cjs/parts/Item/ItemSelection.js +1 -4
  12. package/dist/cjs/parts/Item/ItemSelection.js.map +1 -1
  13. package/dist/cjs/parts/MainContent.js +4 -14
  14. package/dist/cjs/parts/MainContent.js.map +1 -1
  15. package/dist/cjs/parts/Panel/bottom/LoadMoreBtn.js +10 -7
  16. package/dist/cjs/parts/Panel/bottom/LoadMoreBtn.js.map +1 -1
  17. package/dist/cjs/parts/Panel/bottom/LoadingMore.js +1 -7
  18. package/dist/cjs/parts/Panel/bottom/LoadingMore.js.map +1 -1
  19. package/dist/cjs/parts/Panel/bottom/PanelContentBottomSection.js +13 -14
  20. package/dist/cjs/parts/Panel/bottom/PanelContentBottomSection.js.map +1 -1
  21. package/dist/cjs/parts/Panel/middle/EmptyItems.js +1 -5
  22. package/dist/cjs/parts/Panel/middle/EmptyItems.js.map +1 -1
  23. package/dist/cjs/parts/Panel/middle/ItemListWrapper.js +15 -17
  24. package/dist/cjs/parts/Panel/middle/ItemListWrapper.js.map +1 -1
  25. package/dist/cjs/parts/Panel/middle/LoadingItems.js +1 -8
  26. package/dist/cjs/parts/Panel/middle/LoadingItems.js.map +1 -1
  27. package/dist/cjs/parts/Panel/middle/MultipleSelectionAction.js +11 -19
  28. package/dist/cjs/parts/Panel/middle/MultipleSelectionAction.js.map +1 -1
  29. package/dist/cjs/parts/Panel/middle/PanelContentMiddleSection.js +5 -15
  30. package/dist/cjs/parts/Panel/middle/PanelContentMiddleSection.js.map +1 -1
  31. package/dist/cjs/parts/Panel/top/PanelContentTopSection.js +4 -11
  32. package/dist/cjs/parts/Panel/top/PanelContentTopSection.js.map +1 -1
  33. package/dist/cjs/parts/Panel/top/PanelFilterSection.js +1 -6
  34. package/dist/cjs/parts/Panel/top/PanelFilterSection.js.map +1 -1
  35. package/dist/cjs/parts/Panel/top/SelectionHeader.js +16 -26
  36. package/dist/cjs/parts/Panel/top/SelectionHeader.js.map +1 -1
  37. package/dist/cjs/parts/PanelWrapper.js +8 -23
  38. package/dist/cjs/parts/PanelWrapper.js.map +1 -1
  39. package/dist/esm/DSShuttleV2.js +1 -9
  40. package/dist/esm/DSShuttleV2.js.map +1 -1
  41. package/dist/esm/parts/Header.js +4 -15
  42. package/dist/esm/parts/Header.js.map +1 -1
  43. package/dist/esm/parts/Item/Item.js +19 -22
  44. package/dist/esm/parts/Item/Item.js.map +1 -1
  45. package/dist/esm/parts/Item/ItemActions/ItemActions.js +29 -47
  46. package/dist/esm/parts/Item/ItemActions/ItemActions.js.map +1 -1
  47. package/dist/esm/parts/Item/ItemMiddleSection.js +10 -48
  48. package/dist/esm/parts/Item/ItemMiddleSection.js.map +1 -1
  49. package/dist/esm/parts/Item/ItemSelection.js +1 -4
  50. package/dist/esm/parts/Item/ItemSelection.js.map +1 -1
  51. package/dist/esm/parts/MainContent.js +4 -14
  52. package/dist/esm/parts/MainContent.js.map +1 -1
  53. package/dist/esm/parts/Panel/bottom/LoadMoreBtn.js +10 -7
  54. package/dist/esm/parts/Panel/bottom/LoadMoreBtn.js.map +1 -1
  55. package/dist/esm/parts/Panel/bottom/LoadingMore.js +1 -7
  56. package/dist/esm/parts/Panel/bottom/LoadingMore.js.map +1 -1
  57. package/dist/esm/parts/Panel/bottom/PanelContentBottomSection.js +13 -14
  58. package/dist/esm/parts/Panel/bottom/PanelContentBottomSection.js.map +1 -1
  59. package/dist/esm/parts/Panel/middle/EmptyItems.js +1 -5
  60. package/dist/esm/parts/Panel/middle/EmptyItems.js.map +1 -1
  61. package/dist/esm/parts/Panel/middle/ItemListWrapper.js +15 -17
  62. package/dist/esm/parts/Panel/middle/ItemListWrapper.js.map +1 -1
  63. package/dist/esm/parts/Panel/middle/LoadingItems.js +1 -8
  64. package/dist/esm/parts/Panel/middle/LoadingItems.js.map +1 -1
  65. package/dist/esm/parts/Panel/middle/MultipleSelectionAction.js +11 -19
  66. package/dist/esm/parts/Panel/middle/MultipleSelectionAction.js.map +1 -1
  67. package/dist/esm/parts/Panel/middle/PanelContentMiddleSection.js +5 -15
  68. package/dist/esm/parts/Panel/middle/PanelContentMiddleSection.js.map +1 -1
  69. package/dist/esm/parts/Panel/top/PanelContentTopSection.js +4 -11
  70. package/dist/esm/parts/Panel/top/PanelContentTopSection.js.map +1 -1
  71. package/dist/esm/parts/Panel/top/PanelFilterSection.js +1 -6
  72. package/dist/esm/parts/Panel/top/PanelFilterSection.js.map +1 -1
  73. package/dist/esm/parts/Panel/top/SelectionHeader.js +16 -26
  74. package/dist/esm/parts/Panel/top/SelectionHeader.js.map +1 -1
  75. package/dist/esm/parts/PanelWrapper.js +8 -23
  76. package/dist/esm/parts/PanelWrapper.js.map +1 -1
  77. package/package.json +11 -11
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Panel/top/PanelFilterSection.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSInputText } from '@elliemae/ds-form-input-text';\nimport { usePropsStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\n\nconst StyledSearchWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'area-search-wrapper' })`\n border-bottom: 1px solid neutral-400;\n border-radius: 0;\n`;\nconst StyledInputText = styled(DSInputText, { name: 'ds-shuttle-v2', slot: 'area-search-bar' })`\n border: none;\n :focus {\n border-radius: 0;\n }\n`;\n\nexport const PanelFilterSection = (panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n const { isDestinationPanel = false } = panelMetaInfo;\n const onFilterCb = usePropsStore((state) =>\n isDestinationPanel ? state.onDestinationFilterChange : state.onSourceFilterChange,\n );\n const filterValue = usePropsStore((state) =>\n isDestinationPanel ? state.destinationFilterValue : state.sourceFilterValue,\n );\n const handleFilterChange = React.useCallback(\n (value: string | number, event: React.ChangeEvent<HTMLInputElement>) => {\n onFilterCb?.(`${value}`, { event });\n },\n [onFilterCb],\n );\n return (\n <StyledSearchWrapper>\n <StyledInputText value={filterValue} onValueChange={handleFilterChange} />\n </StyledSearchWrapper>\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACkCjB;AAlCN,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAG9B,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAI/F,MAAM,kBAAkB,OAAO,aAAa,EAAE,MAAM,iBAAiB,MAAM,kBAAkB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvF,MAAM,qBAAqB,CAAC,kBAA8C;AAC/E,QAAM,EAAE,qBAAqB,MAAM,IAAI;AACvC,QAAM,aAAa;AAAA,IAAc,CAAC,UAChC,qBAAqB,MAAM,4BAA4B,MAAM;AAAA,EAC/D;AACA,QAAM,cAAc;AAAA,IAAc,CAAC,UACjC,qBAAqB,MAAM,yBAAyB,MAAM;AAAA,EAC5D;AACA,QAAM,qBAAqBA,OAAM;AAAA,IAC/B,CAAC,OAAwB,UAA+C;AACtE,mBAAa,GAAG,SAAS,EAAE,MAAM,CAAC;AAAA,IACpC;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACA,SACE,oBAAC;AAAA,IACC,8BAAC;AAAA,MAAgB,OAAO;AAAA,MAAa,eAAe;AAAA,KAAoB;AAAA,GAC1E;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACkCjB;AAlCN,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAG9B,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAI/F,MAAM,kBAAkB,OAAO,aAAa,EAAE,MAAM,iBAAiB,MAAM,kBAAkB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvF,MAAM,qBAAqB,CAAC,kBAA8C;AAC/E,QAAM,EAAE,qBAAqB,MAAM,IAAI;AACvC,QAAM,aAAa;AAAA,IAAc,CAAC,UAChC,qBAAqB,MAAM,4BAA4B,MAAM;AAAA,EAC/D;AACA,QAAM,cAAc;AAAA,IAAc,CAAC,UACjC,qBAAqB,MAAM,yBAAyB,MAAM;AAAA,EAC5D;AACA,QAAM,qBAAqBA,OAAM;AAAA,IAC/B,CAAC,OAAwB,UAA+C;AACtE,mBAAa,GAAG,SAAS,EAAE,MAAM,CAAC;AAAA,IACpC;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AACA,SACE,oBAAC,uBACC,8BAAC,mBAAgB,OAAO,aAAa,eAAe,oBAAoB,GAC1E;AAEJ;",
6
6
  "names": ["React"]
7
7
  }
@@ -55,32 +55,22 @@ const SelectionHeader = React2.memo(({ isDestinationPanel = false }) => {
55
55
  },
56
56
  [checkboxValue, onSelectionChange, selectionableItems]
57
57
  );
58
- return /* @__PURE__ */ jsxs(StyledSelectionHeaderWrapper, {
59
- cols: wrapperCols,
60
- justifyContent: "center",
61
- alignItems: "center",
62
- py: "7px",
63
- px: "xxs2",
64
- children: [
65
- /* @__PURE__ */ jsx(Grid, {
66
- justifyContent: "center",
67
- alignItems: "center",
68
- children: /* @__PURE__ */ jsx(DSControlledCheckbox, {
69
- checked: checkboxValue,
70
- "aria-label": `${checkboxValue === true ? "Deselect" : "Select"} all ${isDestinationPanel ? "destination" : "source"} items`,
71
- onChange: handleSelectAll,
72
- "aria-controls": ariaControls,
73
- disabled: selectionableItems.length === 0
74
- })
75
- }),
76
- /* @__PURE__ */ jsxs(StyledSelectionHeaderCountLabel, {
77
- children: [
78
- selectionLength,
79
- " selected"
80
- ]
81
- })
82
- ]
83
- });
58
+ return /* @__PURE__ */ jsxs(StyledSelectionHeaderWrapper, { cols: wrapperCols, justifyContent: "center", alignItems: "center", py: "7px", px: "xxs2", children: [
59
+ /* @__PURE__ */ jsx(Grid, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx(
60
+ DSControlledCheckbox,
61
+ {
62
+ checked: checkboxValue,
63
+ "aria-label": `${checkboxValue === true ? "Deselect" : "Select"} all ${isDestinationPanel ? "destination" : "source"} items`,
64
+ onChange: handleSelectAll,
65
+ "aria-controls": ariaControls,
66
+ disabled: selectionableItems.length === 0
67
+ }
68
+ ) }),
69
+ /* @__PURE__ */ jsxs(StyledSelectionHeaderCountLabel, { children: [
70
+ selectionLength,
71
+ " selected"
72
+ ] })
73
+ ] });
84
74
  });
85
75
  export {
86
76
  SelectionHeader
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Panel/top/SelectionHeader.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { DSControlledCheckbox, type DSControlledCheckboxT } from '@elliemae/ds-form-checkbox';\nimport { Grid } from '@elliemae/ds-grid';\nimport { usePropsStore, useInternalStore } from '../../../config/useStore';\nimport { type DSShuttleV2T } from '../../../react-desc-prop-types';\n\nconst StyledSelectionHeaderWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'area-selection-header' })`\n line-height: 1;\n font-size: 1rem;\n background-color: neutral-000;\n border-bottom: 1px solid neutral-400;\n`;\nconst StyledSelectionHeaderCountLabel = styled('div', {\n name: 'ds-shuttle-v2',\n slot: 'area-selection-header-count-label',\n})`\n text-align: end;\n color: neutral-500;\n`;\n\nconst wrapperCols = ['auto', '1fr'];\nexport const SelectionHeader = React.memo(({ isDestinationPanel = false }: DSShuttleV2T.PanelMetaInfo) => {\n const selectionableItems = useInternalStore((state) =>\n isDestinationPanel ? state.destinationSelectionableData : state.sourceSelectionableData,\n );\n const ariaControls = useInternalStore((state) =>\n isDestinationPanel ? state.destinationSelectionableIds : state.sourceSelectionableIds,\n );\n const onSelectionChange = usePropsStore((state) =>\n isDestinationPanel ? state.onDestinationSelectionChange : state.onSourceSelectionChange,\n );\n const selectionLength = useInternalStore((state) =>\n isDestinationPanel ? state.destinationSelectionItemArray.length : state.sourceSelectionItemArray.length,\n );\n const checkboxValue = React.useMemo(() => {\n let newVal: boolean | 'mixed' = false;\n if (selectionLength > 0)\n if (selectionLength === selectionableItems.length) newVal = true;\n else newVal = 'mixed';\n return newVal;\n }, [selectionableItems.length, selectionLength]);\n\n const handleSelectAll = React.useCallback<DSControlledCheckboxT.InternalProps['onChange']>(\n (_, event) => {\n if (checkboxValue === true) {\n onSelectionChange({}, { event });\n } else {\n const newSelection: DSShuttleV2T.InternalProps['sourceSelectedItems'] = {};\n selectionableItems.forEach((selectableItem) => {\n newSelection[selectableItem.original.id] = true;\n });\n onSelectionChange(newSelection, { event });\n }\n },\n [checkboxValue, onSelectionChange, selectionableItems],\n );\n\n return (\n <StyledSelectionHeaderWrapper cols={wrapperCols} justifyContent=\"center\" alignItems=\"center\" py=\"7px\" px=\"xxs2\">\n <Grid justifyContent=\"center\" alignItems=\"center\">\n <DSControlledCheckbox\n checked={checkboxValue}\n aria-label={`${checkboxValue === true ? 'Deselect' : 'Select'} all ${\n isDestinationPanel ? 'destination' : 'source'\n } items`}\n onChange={handleSelectAll}\n aria-controls={ariaControls}\n disabled={selectionableItems.length === 0}\n />\n </Grid>\n <StyledSelectionHeaderCountLabel>{selectionLength} selected</StyledSelectionHeaderCountLabel>\n </StyledSelectionHeaderWrapper>\n );\n});\n"],
5
- "mappings": "AAAA,YAAY,WAAW;AC6Df,cAUF,YAVE;AA7DR,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,4BAAwD;AACjE,SAAS,YAAY;AACrB,SAAS,eAAe,wBAAwB;AAGhD,MAAM,+BAA+B,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1G,MAAM,kCAAkC,OAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAKD,MAAM,cAAc,CAAC,QAAQ,KAAK;AAC3B,MAAM,kBAAkBA,OAAM,KAAK,CAAC,EAAE,qBAAqB,MAAM,MAAkC;AACxG,QAAM,qBAAqB;AAAA,IAAiB,CAAC,UAC3C,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AACA,QAAM,eAAe;AAAA,IAAiB,CAAC,UACrC,qBAAqB,MAAM,8BAA8B,MAAM;AAAA,EACjE;AACA,QAAM,oBAAoB;AAAA,IAAc,CAAC,UACvC,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AACA,QAAM,kBAAkB;AAAA,IAAiB,CAAC,UACxC,qBAAqB,MAAM,8BAA8B,SAAS,MAAM,yBAAyB;AAAA,EACnG;AACA,QAAM,gBAAgBA,OAAM,QAAQ,MAAM;AACxC,QAAI,SAA4B;AAChC,QAAI,kBAAkB;AACpB,UAAI,oBAAoB,mBAAmB;AAAQ,iBAAS;AAAA;AACvD,iBAAS;AAChB,WAAO;AAAA,EACT,GAAG,CAAC,mBAAmB,QAAQ,eAAe,CAAC;AAE/C,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,CAAC,GAAG,UAAU;AACZ,UAAI,kBAAkB,MAAM;AAC1B,0BAAkB,CAAC,GAAG,EAAE,MAAM,CAAC;AAAA,MACjC,OAAO;AACL,cAAM,eAAkE,CAAC;AACzE,2BAAmB,QAAQ,CAAC,mBAAmB;AAC7C,uBAAa,eAAe,SAAS,MAAM;AAAA,QAC7C,CAAC;AACD,0BAAkB,cAAc,EAAE,MAAM,CAAC;AAAA,MAC3C;AAAA,IACF;AAAA,IACA,CAAC,eAAe,mBAAmB,kBAAkB;AAAA,EACvD;AAEA,SACE,qBAAC;AAAA,IAA6B,MAAM;AAAA,IAAa,gBAAe;AAAA,IAAS,YAAW;AAAA,IAAS,IAAG;AAAA,IAAM,IAAG;AAAA,IACvG;AAAA,0BAAC;AAAA,QAAK,gBAAe;AAAA,QAAS,YAAW;AAAA,QACvC,8BAAC;AAAA,UACC,SAAS;AAAA,UACT,cAAY,GAAG,kBAAkB,OAAO,aAAa,gBACnD,qBAAqB,gBAAgB;AAAA,UAEvC,UAAU;AAAA,UACV,iBAAe;AAAA,UACf,UAAU,mBAAmB,WAAW;AAAA,SAC1C;AAAA,OACF;AAAA,MACA,qBAAC;AAAA,QAAiC;AAAA;AAAA,UAAgB;AAAA;AAAA,OAAS;AAAA;AAAA,GAC7D;AAEJ,CAAC;",
5
+ "mappings": "AAAA,YAAY,WAAW;AC6Df,cAUF,YAVE;AA7DR,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,4BAAwD;AACjE,SAAS,YAAY;AACrB,SAAS,eAAe,wBAAwB;AAGhD,MAAM,+BAA+B,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1G,MAAM,kCAAkC,OAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM;AACR,CAAC;AAAA;AAAA;AAAA;AAKD,MAAM,cAAc,CAAC,QAAQ,KAAK;AAC3B,MAAM,kBAAkBA,OAAM,KAAK,CAAC,EAAE,qBAAqB,MAAM,MAAkC;AACxG,QAAM,qBAAqB;AAAA,IAAiB,CAAC,UAC3C,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AACA,QAAM,eAAe;AAAA,IAAiB,CAAC,UACrC,qBAAqB,MAAM,8BAA8B,MAAM;AAAA,EACjE;AACA,QAAM,oBAAoB;AAAA,IAAc,CAAC,UACvC,qBAAqB,MAAM,+BAA+B,MAAM;AAAA,EAClE;AACA,QAAM,kBAAkB;AAAA,IAAiB,CAAC,UACxC,qBAAqB,MAAM,8BAA8B,SAAS,MAAM,yBAAyB;AAAA,EACnG;AACA,QAAM,gBAAgBA,OAAM,QAAQ,MAAM;AACxC,QAAI,SAA4B;AAChC,QAAI,kBAAkB;AACpB,UAAI,oBAAoB,mBAAmB;AAAQ,iBAAS;AAAA;AACvD,iBAAS;AAChB,WAAO;AAAA,EACT,GAAG,CAAC,mBAAmB,QAAQ,eAAe,CAAC;AAE/C,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,CAAC,GAAG,UAAU;AACZ,UAAI,kBAAkB,MAAM;AAC1B,0BAAkB,CAAC,GAAG,EAAE,MAAM,CAAC;AAAA,MACjC,OAAO;AACL,cAAM,eAAkE,CAAC;AACzE,2BAAmB,QAAQ,CAAC,mBAAmB;AAC7C,uBAAa,eAAe,SAAS,MAAM;AAAA,QAC7C,CAAC;AACD,0BAAkB,cAAc,EAAE,MAAM,CAAC;AAAA,MAC3C;AAAA,IACF;AAAA,IACA,CAAC,eAAe,mBAAmB,kBAAkB;AAAA,EACvD;AAEA,SACE,qBAAC,gCAA6B,MAAM,aAAa,gBAAe,UAAS,YAAW,UAAS,IAAG,OAAM,IAAG,QACvG;AAAA,wBAAC,QAAK,gBAAe,UAAS,YAAW,UACvC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,cAAY,GAAG,kBAAkB,OAAO,aAAa,gBACnD,qBAAqB,gBAAgB;AAAA,QAEvC,UAAU;AAAA,QACV,iBAAe;AAAA,QACf,UAAU,mBAAmB,WAAW;AAAA;AAAA,IAC1C,GACF;AAAA,IACA,qBAAC,mCAAiC;AAAA;AAAA,MAAgB;AAAA,OAAS;AAAA,KAC7D;AAEJ,CAAC;",
6
6
  "names": ["React"]
7
7
  }
@@ -18,29 +18,14 @@ const panelWrapperRows = ["auto", "1fr"];
18
18
  const listWrapperRows = ["auto", "1fr", "auto"];
19
19
  const PanelWrapper = React2.memo((panelMetaInfo) => {
20
20
  const { isDestinationPanel = false } = panelMetaInfo;
21
- return /* @__PURE__ */ jsxs(StyledPanelWrapper, {
22
- rows: panelWrapperRows,
23
- gutter: "xxxs",
24
- children: [
25
- /* @__PURE__ */ jsx(Header, {
26
- isDestinationPanel
27
- }),
28
- /* @__PURE__ */ jsxs(StyledListWrapper, {
29
- rows: listWrapperRows,
30
- children: [
31
- /* @__PURE__ */ jsx(PanelContentTopSection, {
32
- ...panelMetaInfo
33
- }),
34
- /* @__PURE__ */ jsx(PanelContentMiddleSection, {
35
- ...panelMetaInfo
36
- }),
37
- /* @__PURE__ */ jsx(PanelContentBottomSection, {
38
- ...panelMetaInfo
39
- })
40
- ]
41
- })
42
- ]
43
- });
21
+ return /* @__PURE__ */ jsxs(StyledPanelWrapper, { rows: panelWrapperRows, gutter: "xxxs", children: [
22
+ /* @__PURE__ */ jsx(Header, { isDestinationPanel }),
23
+ /* @__PURE__ */ jsxs(StyledListWrapper, { rows: listWrapperRows, children: [
24
+ /* @__PURE__ */ jsx(PanelContentTopSection, { ...panelMetaInfo }),
25
+ /* @__PURE__ */ jsx(PanelContentMiddleSection, { ...panelMetaInfo }),
26
+ /* @__PURE__ */ jsx(PanelContentBottomSection, { ...panelMetaInfo })
27
+ ] })
28
+ ] });
44
29
  });
45
30
  export {
46
31
  PanelWrapper
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PanelWrapper.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSShuttleV2T } from '../react-desc-prop-types';\nimport { Header } from './Header';\nimport { PanelContentTopSection } from './Panel/top/PanelContentTopSection';\nimport { PanelContentMiddleSection } from './Panel/middle/PanelContentMiddleSection';\nimport { PanelContentBottomSection } from './Panel/bottom/PanelContentBottomSection';\n\nconst StyledPanelWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'panel-wrapper' })`\n min-width: 300px;\n min-height: 264px;\n`;\nconst StyledListWrapper = styled(Grid, { name: 'ds-shuttle-v2', slot: 'list-wrapper' })`\n border: 1px solid neutral-400;\n`;\nconst panelWrapperRows = ['auto', '1fr'];\nconst listWrapperRows = ['auto', '1fr', 'auto'];\nexport const PanelWrapper = React.memo((panelMetaInfo: DSShuttleV2T.PanelMetaInfo) => {\n const { isDestinationPanel = false } = panelMetaInfo;\n\n return (\n <StyledPanelWrapper rows={panelWrapperRows} gutter=\"xxxs\">\n <Header isDestinationPanel={isDestinationPanel} />\n <StyledListWrapper rows={listWrapperRows}>\n <PanelContentTopSection {...panelMetaInfo} />\n <PanelContentMiddleSection {...panelMetaInfo} />\n <PanelContentBottomSection {...panelMetaInfo} />\n </StyledListWrapper>\n </StyledPanelWrapper>\n );\n});\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACuBjB,cACA,YADA;AAvBN,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAE1C,MAAM,qBAAqB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAIxF,MAAM,oBAAoB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,eAAe,CAAC;AAAA;AAAA;AAGtF,MAAM,mBAAmB,CAAC,QAAQ,KAAK;AACvC,MAAM,kBAAkB,CAAC,QAAQ,OAAO,MAAM;AACvC,MAAM,eAAeA,OAAM,KAAK,CAAC,kBAA8C;AACpF,QAAM,EAAE,qBAAqB,MAAM,IAAI;AAEvC,SACE,qBAAC;AAAA,IAAmB,MAAM;AAAA,IAAkB,QAAO;AAAA,IACjD;AAAA,0BAAC;AAAA,QAAO;AAAA,OAAwC;AAAA,MAChD,qBAAC;AAAA,QAAkB,MAAM;AAAA,QACvB;AAAA,8BAAC;AAAA,YAAwB,GAAG;AAAA,WAAe;AAAA,UAC3C,oBAAC;AAAA,YAA2B,GAAG;AAAA,WAAe;AAAA,UAC9C,oBAAC;AAAA,YAA2B,GAAG;AAAA,WAAe;AAAA;AAAA,OAChD;AAAA;AAAA,GACF;AAEJ,CAAC;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACuBjB,cACA,YADA;AAvBN,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,8BAA8B;AACvC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAE1C,MAAM,qBAAqB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAIxF,MAAM,oBAAoB,OAAO,MAAM,EAAE,MAAM,iBAAiB,MAAM,eAAe,CAAC;AAAA;AAAA;AAGtF,MAAM,mBAAmB,CAAC,QAAQ,KAAK;AACvC,MAAM,kBAAkB,CAAC,QAAQ,OAAO,MAAM;AACvC,MAAM,eAAeA,OAAM,KAAK,CAAC,kBAA8C;AACpF,QAAM,EAAE,qBAAqB,MAAM,IAAI;AAEvC,SACE,qBAAC,sBAAmB,MAAM,kBAAkB,QAAO,QACjD;AAAA,wBAAC,UAAO,oBAAwC;AAAA,IAChD,qBAAC,qBAAkB,MAAM,iBACvB;AAAA,0BAAC,0BAAwB,GAAG,eAAe;AAAA,MAC3C,oBAAC,6BAA2B,GAAG,eAAe;AAAA,MAC9C,oBAAC,6BAA2B,GAAG,eAAe;AAAA,OAChD;AAAA,KACF;AAEJ,CAAC;",
6
6
  "names": ["React"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-shuttle-v2",
3
- "version": "3.12.0-rc.2",
3
+ "version": "3.12.0-rc.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Shuttle v2",
6
6
  "files": [
@@ -35,16 +35,16 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-button": "3.12.0-rc.2",
39
- "@elliemae/ds-circular-progress-indicator": "3.12.0-rc.2",
40
- "@elliemae/ds-form-checkbox": "3.12.0-rc.2",
41
- "@elliemae/ds-form-input-text": "3.12.0-rc.2",
42
- "@elliemae/ds-grid": "3.12.0-rc.2",
43
- "@elliemae/ds-icons": "3.12.0-rc.2",
44
- "@elliemae/ds-indeterminate-progress-indicator": "3.12.0-rc.2",
45
- "@elliemae/ds-system": "3.12.0-rc.2",
46
- "@elliemae/ds-typography": "3.12.0-rc.2",
47
- "@elliemae/ds-utilities": "3.12.0-rc.2",
38
+ "@elliemae/ds-button": "3.12.0-rc.3",
39
+ "@elliemae/ds-circular-progress-indicator": "3.12.0-rc.3",
40
+ "@elliemae/ds-form-checkbox": "3.12.0-rc.3",
41
+ "@elliemae/ds-form-input-text": "3.12.0-rc.3",
42
+ "@elliemae/ds-grid": "3.12.0-rc.3",
43
+ "@elliemae/ds-icons": "3.12.0-rc.3",
44
+ "@elliemae/ds-indeterminate-progress-indicator": "3.12.0-rc.3",
45
+ "@elliemae/ds-system": "3.12.0-rc.3",
46
+ "@elliemae/ds-typography": "3.12.0-rc.3",
47
+ "@elliemae/ds-utilities": "3.12.0-rc.3",
48
48
  "zustand": "4.1.4"
49
49
  },
50
50
  "devDependencies": {