@elliemae/ds-data-table-drag-and-drop-cell 3.36.0-next.0 → 3.36.0-next.2
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/DSDataTableDragAndDropCell.js +2 -4
- package/dist/cjs/DSDataTableDragAndDropCell.js.map +1 -1
- package/dist/cjs/index.js +0 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/DSDataTableDragAndDropCell.js +2 -4
- package/dist/esm/DSDataTableDragAndDropCell.js.map +1 -1
- package/dist/esm/index.js +0 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +8 -8
|
@@ -73,10 +73,8 @@ const StyledGripper = (0, import_ds_system.styled)("div", {
|
|
|
73
73
|
})`
|
|
74
74
|
pointer-events: ${({ isDisabled }) => isDisabled ? "none" : ""};
|
|
75
75
|
cursor: ${({ isActive, isDisabled }) => {
|
|
76
|
-
if (isDisabled)
|
|
77
|
-
|
|
78
|
-
if (isActive)
|
|
79
|
-
return "grabbing";
|
|
76
|
+
if (isDisabled) return "not-allowed";
|
|
77
|
+
if (isActive) return "grabbing";
|
|
80
78
|
return "grab";
|
|
81
79
|
}};
|
|
82
80
|
outline: none;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSDataTableDragAndDropCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport {\n type DSDataTableDragAndDropCellT,\n DSDataTableDragAndDropCellPropTypesSchema,\n} from './react-desc-prop-types.js';\nimport { useDataTableDragAndDropCell } from './config/useDataTableDragAndDropCell.js';\nimport { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DSDataTableDragAndDropCellName } from './constants/index.js';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { DSDataTableCell } from '@elliemae/ds-data-table-cell';\n\nconst StyledWrapper = styled(DSDataTableCell, {\n name: DSDataTableDragAndDropCellName,\n slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.ROOT,\n})<{ shouldShowFocus: boolean }>`\n padding: 0;\n justify-content: center;\n ${({ shouldShowFocus, theme }) =>\n shouldShowFocus\n ? `:focus-within {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid ${theme.colors.brand[700]};\n pointer-events: none;\n z-index: 7;\n }\n }`\n : undefined}\n\n svg {\n fill: brand-800;\n }\n`;\n\nconst StyledGripper = styled('div', {\n name: DSDataTableDragAndDropCellName,\n slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.GRIPPER,\n})<{ isDisabled: boolean; isActive: boolean }>`\n pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : '')};\n cursor: ${({ isActive, isDisabled }) => {\n if (isDisabled) return 'not-allowed';\n if (isActive) return 'grabbing';\n return 'grab';\n }};\n outline: none;\n display: flex;\n align-items: center;\n touch-action: none;\n\n svg {\n fill: ${({ isActive, theme }) => isActive && theme.colors.neutral['500']};\n }\n`;\n\nconst DSDataTableDragAndDropCell: React.ComponentType<DSDataTableDragAndDropCellT.Props> = (props) => {\n const { propsWithDefault, xstyledProps } = useDataTableDragAndDropCell(props);\n const ownerPropsConfig = useOwnerProps(propsWithDefault);\n return (\n <StyledWrapper\n className={propsWithDefault.className}\n {...ownerPropsConfig}\n {...xstyledProps}\n shouldShowFocus={propsWithDefault.shouldShowFocus}\n >\n <StyledGripper\n role=\"button\"\n aria-label=\"Drag handle\"\n isDisabled={propsWithDefault.disabled}\n isActive={propsWithDefault.active}\n {...ownerPropsConfig}\n >\n <GripperVertical size=\"s\" />\n </StyledGripper>\n </StyledWrapper>\n );\n};\n\nDSDataTableDragAndDropCell.displayName = DSDataTableDragAndDropCellName;\nconst DSDataTableDragAndDropCellWithSchema = describe(DSDataTableDragAndDropCell);\nDSDataTableDragAndDropCellWithSchema.propTypes = DSDataTableDragAndDropCellPropTypesSchema;\n\nexport { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+Ef;AA9ER,8BAAyB;AACzB,uBAAuB;AACvB,mCAGO;AACP,yCAA4C;AAC5C,uBAAoF;AACpF,0BAA8B;AAC9B,sBAAgC;AAChC,gCAAgC;AAEhC,MAAM,oBAAgB,yBAAO,2CAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,qDAAoC;AAC5C,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,EAAE,iBAAiB,MAAM,MAC1B,kBACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BASkB,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+Ef;AA9ER,8BAAyB;AACzB,uBAAuB;AACvB,mCAGO;AACP,yCAA4C;AAC5C,uBAAoF;AACpF,0BAA8B;AAC9B,sBAAgC;AAChC,gCAAgC;AAEhC,MAAM,oBAAgB,yBAAO,2CAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,qDAAoC;AAC5C,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,EAAE,iBAAiB,MAAM,MAC1B,kBACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BASkB,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,OAKzC,MAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjB,MAAM,oBAAgB,yBAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,qDAAoC;AAC5C,CAAC;AAAA,oBACmB,CAAC,EAAE,WAAW,MAAO,aAAa,SAAS,EAAG;AAAA,YACtD,CAAC,EAAE,UAAU,WAAW,MAAM;AACtC,MAAI,WAAY,QAAO;AACvB,MAAI,SAAU,QAAO;AACrB,SAAO;AACT,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOS,CAAC,EAAE,UAAU,MAAM,MAAM,YAAY,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAI5E,MAAM,6BAAqF,CAAC,UAAU;AACpG,QAAM,EAAE,kBAAkB,aAAa,QAAI,gEAA4B,KAAK;AAC5E,QAAM,uBAAmB,mCAAc,gBAAgB;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iBAAiB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAiB,iBAAiB;AAAA,MAElC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,YAAY,iBAAiB;AAAA,UAC7B,UAAU,iBAAiB;AAAA,UAC1B,GAAG;AAAA,UAEJ,sDAAC,mCAAgB,MAAK,KAAI;AAAA;AAAA,MAC5B;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -36,6 +36,5 @@ __export(src_exports, {
|
|
|
36
36
|
module.exports = __toCommonJS(src_exports);
|
|
37
37
|
var React = __toESM(require("react"));
|
|
38
38
|
var import_DSDataTableDragAndDropCell = require("./DSDataTableDragAndDropCell.js");
|
|
39
|
-
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
40
39
|
var import_constants = require("./constants/index.js");
|
|
41
40
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema } from './DSDataTableDragAndDropCell.js';\nexport { type DSDataTableDragAndDropCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,wCAAiF;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,wCAAiF;AAEjF,uBAA+F;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -41,10 +41,8 @@ const StyledGripper = styled("div", {
|
|
|
41
41
|
})`
|
|
42
42
|
pointer-events: ${({ isDisabled }) => isDisabled ? "none" : ""};
|
|
43
43
|
cursor: ${({ isActive, isDisabled }) => {
|
|
44
|
-
if (isDisabled)
|
|
45
|
-
|
|
46
|
-
if (isActive)
|
|
47
|
-
return "grabbing";
|
|
44
|
+
if (isDisabled) return "not-allowed";
|
|
45
|
+
if (isActive) return "grabbing";
|
|
48
46
|
return "grab";
|
|
49
47
|
}};
|
|
50
48
|
outline: none;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataTableDragAndDropCell.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport {\n type DSDataTableDragAndDropCellT,\n DSDataTableDragAndDropCellPropTypesSchema,\n} from './react-desc-prop-types.js';\nimport { useDataTableDragAndDropCell } from './config/useDataTableDragAndDropCell.js';\nimport { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DSDataTableDragAndDropCellName } from './constants/index.js';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { DSDataTableCell } from '@elliemae/ds-data-table-cell';\n\nconst StyledWrapper = styled(DSDataTableCell, {\n name: DSDataTableDragAndDropCellName,\n slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.ROOT,\n})<{ shouldShowFocus: boolean }>`\n padding: 0;\n justify-content: center;\n ${({ shouldShowFocus, theme }) =>\n shouldShowFocus\n ? `:focus-within {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid ${theme.colors.brand[700]};\n pointer-events: none;\n z-index: 7;\n }\n }`\n : undefined}\n\n svg {\n fill: brand-800;\n }\n`;\n\nconst StyledGripper = styled('div', {\n name: DSDataTableDragAndDropCellName,\n slot: DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS.GRIPPER,\n})<{ isDisabled: boolean; isActive: boolean }>`\n pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : '')};\n cursor: ${({ isActive, isDisabled }) => {\n if (isDisabled) return 'not-allowed';\n if (isActive) return 'grabbing';\n return 'grab';\n }};\n outline: none;\n display: flex;\n align-items: center;\n touch-action: none;\n\n svg {\n fill: ${({ isActive, theme }) => isActive && theme.colors.neutral['500']};\n }\n`;\n\nconst DSDataTableDragAndDropCell: React.ComponentType<DSDataTableDragAndDropCellT.Props> = (props) => {\n const { propsWithDefault, xstyledProps } = useDataTableDragAndDropCell(props);\n const ownerPropsConfig = useOwnerProps(propsWithDefault);\n return (\n <StyledWrapper\n className={propsWithDefault.className}\n {...ownerPropsConfig}\n {...xstyledProps}\n shouldShowFocus={propsWithDefault.shouldShowFocus}\n >\n <StyledGripper\n role=\"button\"\n aria-label=\"Drag handle\"\n isDisabled={propsWithDefault.disabled}\n isActive={propsWithDefault.active}\n {...ownerPropsConfig}\n >\n <GripperVertical size=\"s\" />\n </StyledGripper>\n </StyledWrapper>\n );\n};\n\nDSDataTableDragAndDropCell.displayName = DSDataTableDragAndDropCellName;\nconst DSDataTableDragAndDropCellWithSchema = describe(DSDataTableDragAndDropCell);\nDSDataTableDragAndDropCellWithSchema.propTypes = DSDataTableDragAndDropCellPropTypesSchema;\n\nexport { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC+Ef;AA9ER,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB;AAAA,EAEE;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,qCAAqC,sCAAsC;AACpF,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,OAAO,iBAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,oCAAoC;AAC5C,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,EAAE,iBAAiB,MAAM,MAC1B,kBACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BASkB,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC+Ef;AA9ER,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB;AAAA,EAEE;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,qCAAqC,sCAAsC;AACpF,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,OAAO,iBAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,oCAAoC;AAC5C,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,EAAE,iBAAiB,MAAM,MAC1B,kBACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BASkB,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,OAKzC,MAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjB,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,oCAAoC;AAC5C,CAAC;AAAA,oBACmB,CAAC,EAAE,WAAW,MAAO,aAAa,SAAS,EAAG;AAAA,YACtD,CAAC,EAAE,UAAU,WAAW,MAAM;AACtC,MAAI,WAAY,QAAO;AACvB,MAAI,SAAU,QAAO;AACrB,SAAO;AACT,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOS,CAAC,EAAE,UAAU,MAAM,MAAM,YAAY,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAI5E,MAAM,6BAAqF,CAAC,UAAU;AACpG,QAAM,EAAE,kBAAkB,aAAa,IAAI,4BAA4B,KAAK;AAC5E,QAAM,mBAAmB,cAAc,gBAAgB;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iBAAiB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAiB,iBAAiB;AAAA,MAElC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,YAAY,iBAAiB;AAAA,UAC7B,UAAU,iBAAiB;AAAA,UAC1B,GAAG;AAAA,UAEJ,8BAAC,mBAAgB,MAAK,KAAI;AAAA;AAAA,MAC5B;AAAA;AAAA,EACF;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,SAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema } from "./DSDataTableDragAndDropCell.js";
|
|
3
|
-
import {} from "./react-desc-prop-types.js";
|
|
4
3
|
import { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID } from "./constants/index.js";
|
|
5
4
|
export {
|
|
6
5
|
DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID,
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSDataTableDragAndDropCell, DSDataTableDragAndDropCellWithSchema } from './DSDataTableDragAndDropCell.js';\nexport { type DSDataTableDragAndDropCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DATA_TABLE_DRAG_AND_DROP_CELL_DATA_TESTID } from './constants/index.js';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,4BAA4B,4CAA4C;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,4BAA4B,4CAA4C;AAEjF,SAAS,qCAAqC,iDAAiD;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table-drag-and-drop-cell",
|
|
3
|
-
"version": "3.36.0-next.
|
|
3
|
+
"version": "3.36.0-next.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Table Drag And Drop Cell",
|
|
6
6
|
"files": [
|
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@xstyled/styled-components": "~3.6.0",
|
|
40
|
-
"@elliemae/ds-data-table-cell": "3.36.0-next.
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-
|
|
45
|
-
"@elliemae/ds-
|
|
40
|
+
"@elliemae/ds-data-table-cell": "3.36.0-next.2",
|
|
41
|
+
"@elliemae/ds-icons": "3.36.0-next.2",
|
|
42
|
+
"@elliemae/ds-system": "3.36.0-next.2",
|
|
43
|
+
"@elliemae/ds-props-helpers": "3.36.0-next.2",
|
|
44
|
+
"@elliemae/ds-utilities": "3.36.0-next.2",
|
|
45
|
+
"@elliemae/ds-typescript-helpers": "3.36.0-next.2"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@elliemae/pui-cli": "~9.0.0-next.31",
|
|
49
49
|
"styled-components": "~5.3.9",
|
|
50
|
-
"@elliemae/ds-monorepo-devops": "3.36.0-next.
|
|
50
|
+
"@elliemae/ds-monorepo-devops": "3.36.0-next.2"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"@testing-library/jest-dom": "~5.16.4",
|