@elliemae/ds-data-table-drag-and-drop-cell 3.37.0-rc.4 → 3.37.0
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.
|
@@ -39,7 +39,6 @@ var import_ds_system = require("@elliemae/ds-system");
|
|
|
39
39
|
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
40
40
|
var import_useDataTableDragAndDropCell = require("./config/useDataTableDragAndDropCell.js");
|
|
41
41
|
var import_constants = require("./constants/index.js");
|
|
42
|
-
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
43
42
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
44
43
|
var import_ds_data_table_cell = require("@elliemae/ds-data-table-cell");
|
|
45
44
|
const StyledWrapper = (0, import_ds_system.styled)(import_ds_data_table_cell.DSDataTableCell, {
|
|
@@ -88,7 +87,7 @@ const StyledGripper = (0, import_ds_system.styled)("div", {
|
|
|
88
87
|
`;
|
|
89
88
|
const DSDataTableDragAndDropCell = (props) => {
|
|
90
89
|
const { propsWithDefault, xstyledProps } = (0, import_useDataTableDragAndDropCell.useDataTableDragAndDropCell)(props);
|
|
91
|
-
const ownerPropsConfig = (0,
|
|
90
|
+
const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
|
|
92
91
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
93
92
|
StyledWrapper,
|
|
94
93
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSDataTableDragAndDropCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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 {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { describe, useOwnerProps } 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 { 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;AD8Ef;AA7ER,8BAAwC;AACxC,uBAAuB;AACvB,mCAGO;AACP,yCAA4C;AAC5C,uBAAoF;AACpF,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,uCAAc,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
|
}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { describe } from "@elliemae/ds-props-helpers";
|
|
3
|
+
import { describe, useOwnerProps } from "@elliemae/ds-props-helpers";
|
|
4
4
|
import { styled } from "@elliemae/ds-system";
|
|
5
5
|
import {
|
|
6
6
|
DSDataTableDragAndDropCellPropTypesSchema
|
|
7
7
|
} from "./react-desc-prop-types.js";
|
|
8
8
|
import { useDataTableDragAndDropCell } from "./config/useDataTableDragAndDropCell.js";
|
|
9
9
|
import { DATA_TABLE_DRAG_AND_DROP_CELL_SLOTS, DSDataTableDragAndDropCellName } from "./constants/index.js";
|
|
10
|
-
import { useOwnerProps } from "@elliemae/ds-utilities";
|
|
11
10
|
import { GripperVertical } from "@elliemae/ds-icons";
|
|
12
11
|
import { DSDataTableCell } from "@elliemae/ds-data-table-cell";
|
|
13
12
|
const StyledWrapper = styled(DSDataTableCell, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataTableDragAndDropCell.tsx"],
|
|
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 {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useOwnerProps } 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 { 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;AC8Ef;AA7ER,SAAS,UAAU,qBAAqB;AACxC,SAAS,cAAc;AACvB;AAAA,EAEE;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,qCAAqC,sCAAsC;AACpF,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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table-drag-and-drop-cell",
|
|
3
|
-
"version": "3.37.0
|
|
3
|
+
"version": "3.37.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Table Drag And Drop Cell",
|
|
6
6
|
"files": [
|
|
@@ -37,17 +37,16 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@xstyled/styled-components": "~3.6.0",
|
|
40
|
-
"@elliemae/ds-data-table-cell": "3.37.0
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-
|
|
45
|
-
"@elliemae/ds-utilities": "3.37.0-rc.4"
|
|
40
|
+
"@elliemae/ds-data-table-cell": "3.37.0",
|
|
41
|
+
"@elliemae/ds-system": "3.37.0",
|
|
42
|
+
"@elliemae/ds-icons": "3.37.0",
|
|
43
|
+
"@elliemae/ds-typescript-helpers": "3.37.0",
|
|
44
|
+
"@elliemae/ds-props-helpers": "3.37.0"
|
|
46
45
|
},
|
|
47
46
|
"devDependencies": {
|
|
48
47
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
49
48
|
"styled-components": "~5.3.9",
|
|
50
|
-
"@elliemae/ds-monorepo-devops": "3.37.0
|
|
49
|
+
"@elliemae/ds-monorepo-devops": "3.37.0"
|
|
51
50
|
},
|
|
52
51
|
"peerDependencies": {
|
|
53
52
|
"@testing-library/jest-dom": "~5.16.4",
|