npm - @itwin/components-react - Versions diffs - 3.0.0-dev.83 → 3.0.0-dev.87 - Mend

@itwin/components-react 3.0.0-dev.83 → 3.0.0-dev.87

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 (528) hide show

package/lib/cjs/components-react/table/component/TableColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableColumn.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,wEAAgH;AAChH,kFAA+E;AAe/E;;GAEG;AACH,MAAa,WAAY,SAAQ,2CAAoB;IAEnD,YAAY,eAAgC,EAAE,iBAAoC,EAAkB,mBAAwC;QAC1I,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;QADwD,wBAAmB,GAAnB,mBAAmB,CAAqB;IAE5I,CAAC;IAED,IAAW,GAAG,KAAa,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;IAMzD;;OAEG;IACI,KAAK,CAAC,iBAAiB,CAAC,iBAA0B;QACvD,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,iBAAiB;YAC1D,OAAO,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;QAC1E,OAAO,IAAI,yCAAuB,EAAE,CAAC;IACvC,CAAC;CACF;AApBD,kCAoBC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Table\n /\n\nimport ReactDataGrid from \"react-data-grid\";\nimport { DistinctValueCollection, FilterableColumn, FilterableTable } from \"../columnfiltering/ColumnFiltering\";\nimport { FilterableColumnBase } from \"../columnfiltering/FilterableColumnBase\";\nimport { ColumnDescription, TableDataProvider } from \"../TableDataProvider\";\n\n// cSpell:ignore columnfiltering\n\n/* ReactDataGrid.Column with additional properties\n * @public\n /\nexport interface ReactDataGridColumn extends ReactDataGrid.Column<any> {\n /* Indicates whether the display value for the cell is treated as an icon spec. /\n icon?: boolean;\n / Table column filtering info /\n filterableColumn?: FilterableColumn;\n}\n\n/* Table Column used by the [[Table]] component\n * @internal\n /\nexport class TableColumn extends FilterableColumnBase {\n\n constructor(filterableTable: FilterableTable, columnDescription: ColumnDescription, public readonly reactDataGridColumn: ReactDataGridColumn) {\n super(filterableTable, columnDescription);\n }\n\n public get key(): string { return this.filterMemberKey; }\n\n public dataProvider?: TableDataProvider;\n\n public distinctValueCollection?: DistinctValueCollection;\n\n /* Gets the distinct values for a column.\n * @return The distinct values.\n */\n public async getDistinctValues(maximumValueCount?: number): Promise<DistinctValueCollection> {\n if (this.dataProvider && this.dataProvider.getDistinctValues)\n return this.dataProvider.getDistinctValues(this.key, maximumValueCount);\n return new DistinctValueCollection();\n }\n}\n"]}
1	+ {"version":3,"file":"TableColumn.js","sourceRoot":"","sources":["../../../../../src/components-react/table/component/TableColumn.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAGH,wEAAgH;AAChH,kFAA+E;AAe/E;;GAEG;AACH,MAAa,WAAY,SAAQ,2CAAoB;IAEnD,YAAY,eAAgC,EAAE,iBAAoC,EAAkB,mBAAwC;QAC1I,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;QADwD,wBAAmB,GAAnB,mBAAmB,CAAqB;IAE5I,CAAC;IAED,IAAW,GAAG,KAAa,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;IAMzD;;OAEG;IACI,KAAK,CAAC,iBAAiB,CAAC,iBAA0B;QACvD,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,iBAAiB;YAC1D,OAAO,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;QAC1E,OAAO,IAAI,yCAAuB,EAAE,CAAC;IACvC,CAAC;CACF;AApBD,kCAoBC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/* eslint-disable deprecation/deprecation /\r\n/* @packageDocumentation\r\n * @module Table\r\n /\r\n\r\nimport ReactDataGrid from \"react-data-grid\";\r\nimport { DistinctValueCollection, FilterableColumn, FilterableTable } from \"../columnfiltering/ColumnFiltering\";\r\nimport { FilterableColumnBase } from \"../columnfiltering/FilterableColumnBase\";\r\nimport { ColumnDescription, TableDataProvider } from \"../TableDataProvider\";\r\n\r\n// cSpell:ignore columnfiltering\r\n\r\n/* ReactDataGrid.Column with additional properties\r\n * @public @deprecated\r\n /\r\nexport interface ReactDataGridColumn extends ReactDataGrid.Column<any> {\r\n /* Indicates whether the display value for the cell is treated as an icon spec. /\r\n icon?: boolean;\r\n / Table column filtering info /\r\n filterableColumn?: FilterableColumn;\r\n}\r\n\r\n/* Table Column used by the [[Table]] component\r\n * @internal\r\n /\r\nexport class TableColumn extends FilterableColumnBase {\r\n\r\n constructor(filterableTable: FilterableTable, columnDescription: ColumnDescription, public readonly reactDataGridColumn: ReactDataGridColumn) {\r\n super(filterableTable, columnDescription);\r\n }\r\n\r\n public get key(): string { return this.filterMemberKey; }\r\n\r\n public dataProvider?: TableDataProvider;\r\n\r\n public distinctValueCollection?: DistinctValueCollection;\r\n\r\n /* Gets the distinct values for a column.\r\n * @return The distinct values.\r\n */\r\n public async getDistinctValues(maximumValueCount?: number): Promise<DistinctValueCollection> {\r\n if (this.dataProvider && this.dataProvider.getDistinctValues)\r\n return this.dataProvider.getDistinctValues(this.key, maximumValueCount);\r\n return new DistinctValueCollection();\r\n }\r\n}\r\n"]}

package/lib/cjs/components-react/table/component/dragdrop/BeDragDropContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BeDragDropContext.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/BeDragDropContext.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,yCAAwC;AACxC,qEAAuD;AAEvD;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,KAAqC;IACrE,OAAO,oBAAC,uBAAW,IAAC,OAAO,EAAE,sCAAY,IAAG,KAAK,CAAC,QAAQ,CAAe,CAAC;AAC5E,CAAC;AAFD,8CAEC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module DragDrop\n /\n\nimport as React from \"react\";\nimport { DndProvider } from \"react-dnd\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\n\n/*\n Context component for DragDrop API. All DragSources and DropTargets used in the application must be contained in this component.\n * @beta\n * @deprecated\n */\nexport function BeDragDropContext(props: { children?: React.ReactNode }) {\n return <DndProvider backend={HTML5Backend}>{props.children}</DndProvider>;\n}\n"]}
1	+ {"version":3,"file":"BeDragDropContext.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/BeDragDropContext.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,yCAAwC;AACxC,qEAAuD;AAEvD;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,KAAqC;IACrE,OAAO,oBAAC,uBAAW,IAAC,OAAO,EAAE,sCAAY,IAAG,KAAK,CAAC,QAAQ,CAAe,CAAC;AAC5E,CAAC;AAFD,8CAEC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module DragDrop\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { DndProvider } from \"react-dnd\";\r\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\r\n\r\n/*\r\n Context component for DragDrop API. All DragSources and DropTargets used in the application must be contained in this component.\r\n * @beta\r\n * @deprecated\r\n */\r\nexport function BeDragDropContext(props: { children?: React.ReactNode }) {\r\n return <DndProvider backend={HTML5Backend}>{props.children}</DndProvider>;\r\n}\r\n"]}

package/lib/cjs/components-react/table/component/dragdrop/DragDropDef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragDropDef.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/DragDropDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAKH;;;GAGG;AACH,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,6CAAQ,CAAA;IACR,6CAAa,CAAA;IACb,6CAAa,CAAA;IACb,6CAAa,CAAA;AACf,CAAC,EALW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAKtB;AAED;;;GAGG;AACH,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,2CAAQ,CAAA;IACR,uCAAE,CAAA;IACF,2CAAI,CAAA;IACJ,+CAAM,CAAA;AACR,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module DragDrop\n /\n\nimport as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Enum for different DropEffects.\n * @beta\n * @deprecated\n /\nexport enum DropEffects {\n None = 0,\n Copy = 1 << 0,\n Move = 1 << 1,\n Link = 1 << 2,\n}\n\n/* Enum for status of current drag/drop item\n * @beta\n * @deprecated\n /\nexport enum DropStatus {\n None = 0,\n Ok,\n Drop,\n Cancel,\n}\n\n/* Properties and callbacks for the withDragSource Higher-Order Component.\n * @beta\n * @deprecated\n /\nexport interface DropTargetProps<DragDropObject = any> {\n /\n Triggered when item is dropped on wrapped component.\n * Return value is passed to the DragSource's onDragSourceEnd callback.\n /\n onDropTargetDrop?: (args: DropTargetArguments<DragDropObject>) => DropTargetArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\n /* Triggered when item is dragged over wrapped component. /\n onDropTargetOver?: (args: DropTargetArguments<DragDropObject>) => void; // eslint-disable-line deprecation/deprecation\n /* Determines whether item may be dropped on DropTarget. /\n canDropTargetDrop?: (args: DropTargetArguments<DragDropObject>) => boolean; // eslint-disable-line deprecation/deprecation\n /* List of allowed object types /\n objectTypes?: Array<string \| symbol> \| (() => Array<string \| symbol>);\n}\n\n/* Properties and callbacks for the withDragSource Higher-Order Component.\n * @beta\n * @deprecated\n /\nexport interface DragSourceProps<DragDropObject = any> {\n /* Triggered when DragSource has begun a drag. /\n onDragSourceBegin?: (data: DragSourceArguments<DragDropObject>) => DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\n /\n Triggered when a DragSource drag has ended.\n * Callback is always called after an onDragSourceBegin callback, regardless of whether the drag was successful.\n /\n onDragSourceEnd?: (data: DragSourceArguments<DragDropObject>) => void; // eslint-disable-line deprecation/deprecation\n /\n Specifies the DragSource type.\n * data parameter is non-null when data is trickled down from dragged component.\n /\n objectType?: ((data?: DragDropObject) => string \| symbol) \| string \| symbol;\n /\n Specifies a default DragLayer component to display as a drag preview.\n * This property is dependent on the DragDropLayerManager in appui-react. The DragLayer is ultimately rendered using the DragDropLayerRendererComponent, which must exist within the app that is used.\n * Component may be overridden if another DragLayer is registered for the given type using the DragDropLayerManager in appui-react.\n /\n defaultDragLayer?: React.ComponentType<DragLayerProps<DragDropObject>>; // eslint-disable-line deprecation/deprecation\n}\n\n/* Base DragDropArguments interface, used by both DragSourceArguments and DragTargetArguments.\n * @beta\n * @deprecated\n /\nexport interface DragDropArguments<DragDropObject = any> {\n /* Arbitrary data being transferred. Actual data structure determined by the return value of the onDragSourceBegin callback. /\n dataObject: DragDropObject;\n /* Drop Effect of current drag /\n dropEffect: DropEffects; // eslint-disable-line deprecation/deprecation\n /* Status of current drop /\n dropStatus: DropStatus; // eslint-disable-line deprecation/deprecation\n /* Current mouse position. /\n clientOffset: { x: number, y: number };\n /* Mouse position at beginning of drag. /\n initialClientOffset: { x: number, y: number };\n /\n Current mouse position, offset by the difference between initial mouse position and initial dragSource offset.\n * Useful for preserving apparent anchor point of mouse to dragSource while rendering a dragPreview.\n /\n sourceClientOffset?: { x: number, y: number };\n /* Position of top left corner of current dragSource, measured at beginning of drag. /\n initialSourceClientOffset?: { x: number, y: number };\n /* DOMRect object of dragSource.\n * Not available in canDropTargetDrop.\n /\n dragRect?: DOMRect;\n /* DOMRect object of current dropTarget, if available.\n * Not available in canDropTargetDrop.\n /\n dropRect?: DOMRect;\n /* determines whether item is dropped on same structure as the drag source, or a different structure.\n * Passed from OnDropTargetDrop for use in OnDragSourceEnd\n * Used primarily for cases where the dataProvider object needs to differentiate a moveItem method with a subsequent removeItem then addItem.\n /\n local?: boolean;\n /* specifies the row to be dropped onto.\n * Populated by consumers for trickle down arguments.\n * Specifically used where further information is needed within a given dataProvider structure. Ie. insertRow(rowIndex, rowItem) type methods.\n /\n row?: number;\n /* specifies the col to be dropped onto.\n * Populated by consumers for trickle down arguments.\n * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.insertCol(colIndex, colItem) type methods.\n /\n col?: number;\n}\n\n/* Properties for DragLayer components\n * @beta\n * @deprecated\n /\nexport interface DragLayerProps<DragDropObject = any> extends CommonProps {\n args?: DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\n}\n\n/* Interface for arguments supplied to DragSource callbacks, including onDragSourceBegin, and onDragSourceEnd, as well as to the DragLayers as a prop.\n * @beta\n * @deprecated\n /\nexport interface DragSourceArguments<DragDropObject = any> extends DragDropArguments<DragDropObject> { // eslint-disable-line deprecation/deprecation\n /* Parent object, using the data structure relevant to object being used.\n * Object populated by consumer for use as trickle down arguments.\n * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.removeChild(parentObject, child) type methods.\n /\n parentObject?: DragDropObject;\n defaultDragLayer?: React.ComponentType<DragLayerProps<DragDropObject>>; // eslint-disable-line deprecation/deprecation\n}\n\n/* Interface for arguments supplied to DropTarget callbacks, including onDropTargetOver, onDropTargetDrop, and canDropTargetDrop.\n * @beta\n * @deprecated\n /\nexport interface DropTargetArguments<DragDropObject = any> extends DragSourceArguments<DragDropObject> { // eslint-disable-line deprecation/deprecation\n /* Object that is being dropped onto, using the data structure relevant to object being used.\n * Object populated by consumer for use as trickle down arguments.\n * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.addChild(dropLocation, child) type methods.\n */\n dropLocation?: DragDropObject; // Where to attach\n}\n"]}
1	+ {"version":3,"file":"DragDropDef.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/DragDropDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAKH;;;GAGG;AACH,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,6CAAQ,CAAA;IACR,6CAAa,CAAA;IACb,6CAAa,CAAA;IACb,6CAAa,CAAA;AACf,CAAC,EALW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAKtB;AAED;;;GAGG;AACH,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,2CAAQ,CAAA;IACR,uCAAE,CAAA;IACF,2CAAI,CAAA;IACJ,+CAAM,CAAA;AACR,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module DragDrop\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Enum for different DropEffects.\r\n * @beta\r\n * @deprecated\r\n /\r\nexport enum DropEffects {\r\n None = 0,\r\n Copy = 1 << 0,\r\n Move = 1 << 1,\r\n Link = 1 << 2,\r\n}\r\n\r\n/* Enum for status of current drag/drop item\r\n * @beta\r\n * @deprecated\r\n /\r\nexport enum DropStatus {\r\n None = 0,\r\n Ok,\r\n Drop,\r\n Cancel,\r\n}\r\n\r\n/* Properties and callbacks for the withDragSource Higher-Order Component.\r\n * @beta\r\n * @deprecated\r\n /\r\nexport interface DropTargetProps<DragDropObject = any> {\r\n /\r\n Triggered when item is dropped on wrapped component.\r\n * Return value is passed to the DragSource's onDragSourceEnd callback.\r\n /\r\n onDropTargetDrop?: (args: DropTargetArguments<DragDropObject>) => DropTargetArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n /* Triggered when item is dragged over wrapped component. /\r\n onDropTargetOver?: (args: DropTargetArguments<DragDropObject>) => void; // eslint-disable-line deprecation/deprecation\r\n /* Determines whether item may be dropped on DropTarget. /\r\n canDropTargetDrop?: (args: DropTargetArguments<DragDropObject>) => boolean; // eslint-disable-line deprecation/deprecation\r\n /* List of allowed object types /\r\n objectTypes?: Array<string \| symbol> \| (() => Array<string \| symbol>);\r\n}\r\n\r\n/* Properties and callbacks for the withDragSource Higher-Order Component.\r\n * @beta\r\n * @deprecated\r\n /\r\nexport interface DragSourceProps<DragDropObject = any> {\r\n /* Triggered when DragSource has begun a drag. /\r\n onDragSourceBegin?: (data: DragSourceArguments<DragDropObject>) => DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n /\r\n Triggered when a DragSource drag has ended.\r\n * Callback is always called after an onDragSourceBegin callback, regardless of whether the drag was successful.\r\n /\r\n onDragSourceEnd?: (data: DragSourceArguments<DragDropObject>) => void; // eslint-disable-line deprecation/deprecation\r\n /\r\n Specifies the DragSource type.\r\n * data parameter is non-null when data is trickled down from dragged component.\r\n /\r\n objectType?: ((data?: DragDropObject) => string \| symbol) \| string \| symbol;\r\n /\r\n Specifies a default DragLayer component to display as a drag preview.\r\n * This property is dependent on the DragDropLayerManager in appui-react. The DragLayer is ultimately rendered using the DragDropLayerRendererComponent, which must exist within the app that is used.\r\n * Component may be overridden if another DragLayer is registered for the given type using the DragDropLayerManager in appui-react.\r\n /\r\n defaultDragLayer?: React.ComponentType<DragLayerProps<DragDropObject>>; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/* Base DragDropArguments interface, used by both DragSourceArguments and DragTargetArguments.\r\n * @beta\r\n * @deprecated\r\n /\r\nexport interface DragDropArguments<DragDropObject = any> {\r\n /* Arbitrary data being transferred. Actual data structure determined by the return value of the onDragSourceBegin callback. /\r\n dataObject: DragDropObject;\r\n /* Drop Effect of current drag /\r\n dropEffect: DropEffects; // eslint-disable-line deprecation/deprecation\r\n /* Status of current drop /\r\n dropStatus: DropStatus; // eslint-disable-line deprecation/deprecation\r\n /* Current mouse position. /\r\n clientOffset: { x: number, y: number };\r\n /* Mouse position at beginning of drag. /\r\n initialClientOffset: { x: number, y: number };\r\n /\r\n Current mouse position, offset by the difference between initial mouse position and initial dragSource offset.\r\n * Useful for preserving apparent anchor point of mouse to dragSource while rendering a dragPreview.\r\n /\r\n sourceClientOffset?: { x: number, y: number };\r\n /* Position of top left corner of current dragSource, measured at beginning of drag. /\r\n initialSourceClientOffset?: { x: number, y: number };\r\n /* DOMRect object of dragSource.\r\n * Not available in canDropTargetDrop.\r\n /\r\n dragRect?: DOMRect;\r\n /* DOMRect object of current dropTarget, if available.\r\n * Not available in canDropTargetDrop.\r\n /\r\n dropRect?: DOMRect;\r\n /* determines whether item is dropped on same structure as the drag source, or a different structure.\r\n * Passed from OnDropTargetDrop for use in OnDragSourceEnd\r\n * Used primarily for cases where the dataProvider object needs to differentiate a moveItem method with a subsequent removeItem then addItem.\r\n /\r\n local?: boolean;\r\n /* specifies the row to be dropped onto.\r\n * Populated by consumers for trickle down arguments.\r\n * Specifically used where further information is needed within a given dataProvider structure. Ie. insertRow(rowIndex, rowItem) type methods.\r\n /\r\n row?: number;\r\n /* specifies the col to be dropped onto.\r\n * Populated by consumers for trickle down arguments.\r\n * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.insertCol(colIndex, colItem) type methods.\r\n /\r\n col?: number;\r\n}\r\n\r\n/* Properties for DragLayer components\r\n * @beta\r\n * @deprecated\r\n /\r\nexport interface DragLayerProps<DragDropObject = any> extends CommonProps {\r\n args?: DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/* Interface for arguments supplied to DragSource callbacks, including onDragSourceBegin, and onDragSourceEnd, as well as to the DragLayers as a prop.\r\n * @beta\r\n * @deprecated\r\n /\r\nexport interface DragSourceArguments<DragDropObject = any> extends DragDropArguments<DragDropObject> { // eslint-disable-line deprecation/deprecation\r\n /* Parent object, using the data structure relevant to object being used.\r\n * Object populated by consumer for use as trickle down arguments.\r\n * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.removeChild(parentObject, child) type methods.\r\n /\r\n parentObject?: DragDropObject;\r\n defaultDragLayer?: React.ComponentType<DragLayerProps<DragDropObject>>; // eslint-disable-line deprecation/deprecation\r\n}\r\n\r\n/* Interface for arguments supplied to DropTarget callbacks, including onDropTargetOver, onDropTargetDrop, and canDropTargetDrop.\r\n * @beta\r\n * @deprecated\r\n /\r\nexport interface DropTargetArguments<DragDropObject = any> extends DragSourceArguments<DragDropObject> { // eslint-disable-line deprecation/deprecation\r\n /* Object that is being dropped onto, using the data structure relevant to object being used.\r\n * Object populated by consumer for use as trickle down arguments.\r\n * Specifically used where further information is needed within a given dataProvider structure. Ie. dataProvider.addChild(dropLocation, child) type methods.\r\n */\r\n dropLocation?: DragDropObject; // Where to attach\r\n}\r\n"]}

package/lib/cjs/components-react/table/component/dragdrop/withDragSource.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withDragSource.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/withDragSource.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module DragDrop\n /\nimport as React from \"react\";\nimport { ConnectDragPreview, ConnectDragSource, DndComponentClass, DragSource } from \"react-dnd\";\nimport { DragSourceArguments, DragSourceProps, DropEffects, DropStatus, DropTargetArguments } from \"./DragDropDef\";\n\n/** React properties for withDragSource Higher-Order Component\n * @beta\n * @deprecated\n /\nexport interface WithDragSourceProps<DragDropObject = any> {\n /* Properties and callbacks for DragSource. /\n dragProps: DragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\n /* Style properties for dropTarget wrapper element /\n dragStyle?: React.CSSProperties;\n /* Which dropEffect dragSource should default to. /\n defaultDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\n /* Which dropEffect dragSource should be used when ctrl button is pressed during start of drag. /\n ctrlDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\n /* Which dropEffect dragSource should be used when alt button is pressed during start of drag. /\n altDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\n /* @internal /\n connectDragSource?: ConnectDragSource;\n /* @internal /\n connectDragPreview?: ConnectDragPreview;\n /* @internal /\n isDragging?: boolean;\n /* @internal /\n canDrag?: boolean;\n /* @internal /\n item?: DragDropObject;\n /* @internal /\n type?: string \| symbol \| null;\n}\n\n/* @internal /\ninterface WithDragSourceState {\n ctrlKey: boolean;\n altKey: boolean;\n}\nlet emptyImage: HTMLImageElement \| undefined;\n\nfunction getEmptyImage(): HTMLImageElement {\n if (!emptyImage) {\n emptyImage = new Image();\n emptyImage.src =\n \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\n }\n return emptyImage;\n}\n\n/\n HOC (Higher-Order Component) that transforms wrapped component into a DragSource.\n * @param Component component to wrap.\n * @beta\n * @deprecated\n */\n// istanbul ignore next\nexport const withDragSource = <ComponentProps extends {}, DragDropObject = any>(\n // eslint-disable-next-line @typescript-eslint/naming-convention\n Component: React.ComponentType<ComponentProps>,\n): DndComponentClass<typeof React.Component, ComponentProps & WithDragSourceProps<DragDropObject>> => { // eslint-disable-line deprecation/deprecation\n type Props = ComponentProps & WithDragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\n return DragSource((props: Props) => {\n if (props.dragProps.objectType) {\n if (typeof props.dragProps.objectType === \"function\")\n return props.dragProps.objectType();\n else\n return props.dragProps.objectType;\n }\n return \"\";\n }, {\n beginDrag(props, _monitor, component) {\n let dropEffect = props.defaultDropEffect \|\| DropEffects.Move; // eslint-disable-line deprecation/deprecation\n if (component.state.ctrlKey) {\n dropEffect = props.ctrlDropEffect \|\| DropEffects.Copy; // eslint-disable-line deprecation/deprecation\n } else if (component.state.altKey) {\n dropEffect = props.altDropEffect \|\| DropEffects.Link; // eslint-disable-line deprecation/deprecation\n }\n let dragRect: DOMRect = new DOMRect();\n const componentElement = component.rootElement;\n if (componentElement) {\n dragRect = componentElement.getBoundingClientRect();\n }\n const obj: DragSourceArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\n dataObject: {} as DragDropObject,\n dropEffect,\n dropStatus: DropStatus.None, // eslint-disable-line deprecation/deprecation\n dragRect,\n defaultDragLayer: props.dragProps.defaultDragLayer,\n clientOffset: { x: dragRect.left \|\| 0, y: dragRect.top \|\| 0 },\n initialClientOffset: { x: dragRect.left \|\| 0, y: dragRect.top \|\| 0 },\n };\n if (props.dragProps.onDragSourceBegin) return props.dragProps.onDragSourceBegin(obj);\n return obj;\n },\n endDrag(props, monitor, component) {\n let dragRect: DOMRect = new DOMRect();\n const componentElement = component && component.rootElement;\n if (componentElement) {\n dragRect = componentElement.getBoundingClientRect();\n }\n // eslint-disable-next-line deprecation/deprecation\n const obj: DropTargetArguments<DragDropObject> = monitor.getDropResult() as DropTargetArguments<DragDropObject> \|\| // if onDropTargetDrop returns a value\n // eslint-disable-next-line deprecation/deprecation\n monitor.getItem() as DropTargetArguments<DragDropObject> \|\| // otherwise, get current drag item.\n { // fallback\n dataObject: {},\n dropEffect: DropEffects.None, // eslint-disable-line deprecation/deprecation\n dropStatus: DropStatus.None, // eslint-disable-line deprecation/deprecation\n dragRect,\n clientOffset: { x: 0, y: 0 },\n initialClientOffset: { x: 0, y: 0 },\n sourceClientOffset: { x: 0, y: 0 },\n initialSourceClientOffset: { x: 0, y: 0 },\n };\n const {\n dataObject,\n dropEffect, dropStatus, dropRect,\n initialClientOffset, initialSourceClientOffset,\n local, row, col } = obj;\n\n const clientOffset = monitor.getClientOffset() \|\| obj.clientOffset;\n const sourceClientOffset = monitor.getSourceClientOffset() \|\| obj.sourceClientOffset;\n const dragObj: DragSourceArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\n dataObject,\n dropEffect, dropStatus, dropRect, dragRect,\n clientOffset, initialClientOffset, sourceClientOffset, initialSourceClientOffset,\n local, row, col,\n };\n if (props.dragProps.onDragSourceEnd)\n props.dragProps.onDragSourceEnd(dragObj);\n },\n }, (connect, monitor) => {\n return {\n connectDragSource: connect.dragSource(),\n connectDragPreview: connect.dragPreview(),\n isDragging: monitor.isDragging(),\n canDrag: monitor.canDrag(),\n item: monitor.getItem(),\n type: monitor.getItemType(),\n };\n })(class DragSourceWrapper extends React.Component<any, WithDragSourceState> {\n public rootElement: HTMLDivElement \| null = null;\n public override readonly state: WithDragSourceState = {\n ctrlKey: false,\n altKey: false,\n };\n public static defaultProps: any = {\n defaultDropEffect: DropEffects.Move, // eslint-disable-line deprecation/deprecation\n ctrlDropEffect: DropEffects.Copy, // eslint-disable-line deprecation/deprecation\n altDropEffect: DropEffects.Link, // eslint-disable-line deprecation/deprecation\n };\n public override render() {\n const {\n dragProps, connectDragSource, connectDragPreview, // eslint-disable-line @typescript-eslint/no-unused-vars\n isDragging, canDrag, item, type,\n defaultDropEffect, ctrlDropEffect, altDropEffect,\n dragStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...props } = this.props as WithDragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\n const p = {\n item,\n type,\n isDragging,\n canDrag,\n };\n const effectMap: { [key: number]: string } = {\n [DropEffects.Move]: \"move\", // eslint-disable-line deprecation/deprecation\n [DropEffects.Copy]: \"copy\", // eslint-disable-line deprecation/deprecation\n [DropEffects.Link]: \"link\", // eslint-disable-line deprecation/deprecation\n };\n\n const defaultEffect = effectMap[defaultDropEffect as number];\n const ctrlEffect = effectMap[ctrlDropEffect as number];\n const altEffect = effectMap[altDropEffect as number];\n\n const dropEffect = this.state.ctrlKey ? ctrlEffect \|\| \"copy\" : this.state.altKey ? altEffect \|\| \"link\" : defaultEffect \|\| \"move\";\n return connectDragSource!(\n <div className=\"drag-source-wrapper\" data-testid=\"drag-source-wrapper\" ref={(el) => { this.rootElement = el; }} style={this.props.dragStyle}>\n <Component {...props} {...(p as any)} />\n </div>,\n { dropEffect },\n );\n }\n public override componentDidMount() {\n if (this.props.connectDragPreview) {\n this.props.connectDragPreview(getEmptyImage() as any, { captureDraggingState: true });\n }\n window.addEventListener(\"keydown\", this.handleKeyChange);\n window.addEventListener(\"keyup\", this.handleKeyChange);\n }\n public override componentWillUnmount() {\n window.removeEventListener(\"keydown\", this.handleKeyChange);\n window.removeEventListener(\"keyup\", this.handleKeyChange);\n }\n public handleKeyChange = (event: any) => {\n const { ctrlKey, altKey } = event;\n if (this.state.ctrlKey !== ctrlKey) {\n this.setState({ ctrlKey });\n }\n if (this.state.altKey !== altKey) {\n this.setState({ altKey });\n }\n };\n }) as any;\n};\n"]}
1	+ {"version":3,"file":"withDragSource.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/withDragSource.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module DragDrop\r\n /\r\nimport as React from \"react\";\r\nimport { ConnectDragPreview, ConnectDragSource, DndComponentClass, DragSource } from \"react-dnd\";\r\nimport { DragSourceArguments, DragSourceProps, DropEffects, DropStatus, DropTargetArguments } from \"./DragDropDef\";\r\n\r\n/** React properties for withDragSource Higher-Order Component\r\n * @beta\r\n * @deprecated\r\n /\r\nexport interface WithDragSourceProps<DragDropObject = any> {\r\n /* Properties and callbacks for DragSource. /\r\n dragProps: DragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n /* Style properties for dropTarget wrapper element /\r\n dragStyle?: React.CSSProperties;\r\n /* Which dropEffect dragSource should default to. /\r\n defaultDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\r\n /* Which dropEffect dragSource should be used when ctrl button is pressed during start of drag. /\r\n ctrlDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\r\n /* Which dropEffect dragSource should be used when alt button is pressed during start of drag. /\r\n altDropEffect?: DropEffects; // eslint-disable-line deprecation/deprecation\r\n /* @internal /\r\n connectDragSource?: ConnectDragSource;\r\n /* @internal /\r\n connectDragPreview?: ConnectDragPreview;\r\n /* @internal /\r\n isDragging?: boolean;\r\n /* @internal /\r\n canDrag?: boolean;\r\n /* @internal /\r\n item?: DragDropObject;\r\n /* @internal /\r\n type?: string \| symbol \| null;\r\n}\r\n\r\n/* @internal /\r\ninterface WithDragSourceState {\r\n ctrlKey: boolean;\r\n altKey: boolean;\r\n}\r\nlet emptyImage: HTMLImageElement \| undefined;\r\n\r\nfunction getEmptyImage(): HTMLImageElement {\r\n if (!emptyImage) {\r\n emptyImage = new Image();\r\n emptyImage.src =\r\n \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\r\n }\r\n return emptyImage;\r\n}\r\n\r\n/\r\n HOC (Higher-Order Component) that transforms wrapped component into a DragSource.\r\n * @param Component component to wrap.\r\n * @beta\r\n * @deprecated\r\n */\r\n// istanbul ignore next\r\nexport const withDragSource = <ComponentProps extends {}, DragDropObject = any>(\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n Component: React.ComponentType<ComponentProps>,\r\n): DndComponentClass<typeof React.Component, ComponentProps & WithDragSourceProps<DragDropObject>> => { // eslint-disable-line deprecation/deprecation\r\n type Props = ComponentProps & WithDragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n return DragSource((props: Props) => {\r\n if (props.dragProps.objectType) {\r\n if (typeof props.dragProps.objectType === \"function\")\r\n return props.dragProps.objectType();\r\n else\r\n return props.dragProps.objectType;\r\n }\r\n return \"\";\r\n }, {\r\n beginDrag(props, _monitor, component) {\r\n let dropEffect = props.defaultDropEffect \|\| DropEffects.Move; // eslint-disable-line deprecation/deprecation\r\n if (component.state.ctrlKey) {\r\n dropEffect = props.ctrlDropEffect \|\| DropEffects.Copy; // eslint-disable-line deprecation/deprecation\r\n } else if (component.state.altKey) {\r\n dropEffect = props.altDropEffect \|\| DropEffects.Link; // eslint-disable-line deprecation/deprecation\r\n }\r\n let dragRect: DOMRect = new DOMRect();\r\n const componentElement = component.rootElement;\r\n if (componentElement) {\r\n dragRect = componentElement.getBoundingClientRect();\r\n }\r\n const obj: DragSourceArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n dataObject: {} as DragDropObject,\r\n dropEffect,\r\n dropStatus: DropStatus.None, // eslint-disable-line deprecation/deprecation\r\n dragRect,\r\n defaultDragLayer: props.dragProps.defaultDragLayer,\r\n clientOffset: { x: dragRect.left \|\| 0, y: dragRect.top \|\| 0 },\r\n initialClientOffset: { x: dragRect.left \|\| 0, y: dragRect.top \|\| 0 },\r\n };\r\n if (props.dragProps.onDragSourceBegin) return props.dragProps.onDragSourceBegin(obj);\r\n return obj;\r\n },\r\n endDrag(props, monitor, component) {\r\n let dragRect: DOMRect = new DOMRect();\r\n const componentElement = component && component.rootElement;\r\n if (componentElement) {\r\n dragRect = componentElement.getBoundingClientRect();\r\n }\r\n // eslint-disable-next-line deprecation/deprecation\r\n const obj: DropTargetArguments<DragDropObject> = monitor.getDropResult() as DropTargetArguments<DragDropObject> \|\| // if onDropTargetDrop returns a value\r\n // eslint-disable-next-line deprecation/deprecation\r\n monitor.getItem() as DropTargetArguments<DragDropObject> \|\| // otherwise, get current drag item.\r\n { // fallback\r\n dataObject: {},\r\n dropEffect: DropEffects.None, // eslint-disable-line deprecation/deprecation\r\n dropStatus: DropStatus.None, // eslint-disable-line deprecation/deprecation\r\n dragRect,\r\n clientOffset: { x: 0, y: 0 },\r\n initialClientOffset: { x: 0, y: 0 },\r\n sourceClientOffset: { x: 0, y: 0 },\r\n initialSourceClientOffset: { x: 0, y: 0 },\r\n };\r\n const {\r\n dataObject,\r\n dropEffect, dropStatus, dropRect,\r\n initialClientOffset, initialSourceClientOffset,\r\n local, row, col } = obj;\r\n\r\n const clientOffset = monitor.getClientOffset() \|\| obj.clientOffset;\r\n const sourceClientOffset = monitor.getSourceClientOffset() \|\| obj.sourceClientOffset;\r\n const dragObj: DragSourceArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n dataObject,\r\n dropEffect, dropStatus, dropRect, dragRect,\r\n clientOffset, initialClientOffset, sourceClientOffset, initialSourceClientOffset,\r\n local, row, col,\r\n };\r\n if (props.dragProps.onDragSourceEnd)\r\n props.dragProps.onDragSourceEnd(dragObj);\r\n },\r\n }, (connect, monitor) => {\r\n return {\r\n connectDragSource: connect.dragSource(),\r\n connectDragPreview: connect.dragPreview(),\r\n isDragging: monitor.isDragging(),\r\n canDrag: monitor.canDrag(),\r\n item: monitor.getItem(),\r\n type: monitor.getItemType(),\r\n };\r\n })(class DragSourceWrapper extends React.Component<any, WithDragSourceState> {\r\n public rootElement: HTMLDivElement \| null = null;\r\n public override readonly state: WithDragSourceState = {\r\n ctrlKey: false,\r\n altKey: false,\r\n };\r\n public static defaultProps: any = {\r\n defaultDropEffect: DropEffects.Move, // eslint-disable-line deprecation/deprecation\r\n ctrlDropEffect: DropEffects.Copy, // eslint-disable-line deprecation/deprecation\r\n altDropEffect: DropEffects.Link, // eslint-disable-line deprecation/deprecation\r\n };\r\n public override render() {\r\n const {\r\n dragProps, connectDragSource, connectDragPreview, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n isDragging, canDrag, item, type,\r\n defaultDropEffect, ctrlDropEffect, altDropEffect,\r\n dragStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n ...props } = this.props as WithDragSourceProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n const p = {\r\n item,\r\n type,\r\n isDragging,\r\n canDrag,\r\n };\r\n const effectMap: { [key: number]: string } = {\r\n [DropEffects.Move]: \"move\", // eslint-disable-line deprecation/deprecation\r\n [DropEffects.Copy]: \"copy\", // eslint-disable-line deprecation/deprecation\r\n [DropEffects.Link]: \"link\", // eslint-disable-line deprecation/deprecation\r\n };\r\n\r\n const defaultEffect = effectMap[defaultDropEffect as number];\r\n const ctrlEffect = effectMap[ctrlDropEffect as number];\r\n const altEffect = effectMap[altDropEffect as number];\r\n\r\n const dropEffect = this.state.ctrlKey ? ctrlEffect \|\| \"copy\" : this.state.altKey ? altEffect \|\| \"link\" : defaultEffect \|\| \"move\";\r\n return connectDragSource!(\r\n <div className=\"drag-source-wrapper\" data-testid=\"drag-source-wrapper\" ref={(el) => { this.rootElement = el; }} style={this.props.dragStyle}>\r\n <Component {...props} {...(p as any)} />\r\n </div>,\r\n { dropEffect },\r\n );\r\n }\r\n public override componentDidMount() {\r\n if (this.props.connectDragPreview) {\r\n this.props.connectDragPreview(getEmptyImage() as any, { captureDraggingState: true });\r\n }\r\n window.addEventListener(\"keydown\", this.handleKeyChange);\r\n window.addEventListener(\"keyup\", this.handleKeyChange);\r\n }\r\n public override componentWillUnmount() {\r\n window.removeEventListener(\"keydown\", this.handleKeyChange);\r\n window.removeEventListener(\"keyup\", this.handleKeyChange);\r\n }\r\n public handleKeyChange = (event: any) => {\r\n const { ctrlKey, altKey } = event;\r\n if (this.state.ctrlKey !== ctrlKey) {\r\n this.setState({ ctrlKey });\r\n }\r\n if (this.state.altKey !== altKey) {\r\n this.setState({ altKey });\r\n }\r\n };\r\n }) as any;\r\n};\r\n"]}

package/lib/cjs/components-react/table/component/dragdrop/withDropTarget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withDropTarget.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/withDropTarget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,6CAA+B;AAC/B,yCAA6E;AA2B7E;;;;;GAKG;AACH,uBAAuB;AAChB,MAAM,cAAc,GAAG;AAC5B,gEAAgE;AAChE,SAA8C,EACmD,EAAE;IAEnG,OAAO,IAAA,sBAAU,EAAC,CAAC,KAAY,EAA0B,EAAE;QACzD,IAAI,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE;YAC/B,IAAI,OAAO,KAAK,CAAC,SAAS,CAAC,WAAW,KAAK,UAAU;gBACnD,OAAO,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;;gBAErC,OAAO,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;SACtC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE;QACD,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS;YAC5B,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,EAAyC,CAAC,CAAC,8CAA8C;YAC/H,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC,EAAE;gBACvD,IAAI,QAAQ,GAAY,IAAI,OAAO,EAAE,CAAC;gBACtC,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,CAAC;gBAC/C,IAAI,gBAAgB,EAAE;oBACpB,QAAQ,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;iBACrD;gBAED,MAAM,YAAY,GAAG,OAAO,CAAC,eAAe,EAAE,IAAI,cAAc,CAAC,YAAY,CAAC;gBAC9E,MAAM,mBAAmB,GAAG,OAAO,CAAC,sBAAsB,EAAE,IAAI,cAAc,CAAC,mBAAmB,CAAC;gBACnG,MAAM,kBAAkB,GAAG,OAAO,CAAC,qBAAqB,EAAE,IAAI,cAAc,CAAC,kBAAkB,CAAC;gBAChG,MAAM,yBAAyB,GAAG,OAAO,CAAC,4BAA4B,EAAE,IAAI,cAAc,CAAC,yBAAyB,CAAC;gBAErH,MAAM,cAAc,GAAwC;oBAC1D,GAAG,cAAc;oBACjB,GAAG,EAAE,SAAS;oBACd,GAAG,EAAE,SAAS;oBACd,QAAQ;oBACR,YAAY;oBACZ,mBAAmB;oBACnB,kBAAkB;oBAClB,yBAAyB;iBAC1B,CAAC;gBACF,IAAI,KAAK,CAAC,SAAS,CAAC,gBAAgB;oBAClC,OAAO,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;aAC3D;YACD,OAAO;QACT,CAAC;QACD,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS;YAC7B,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,gBAAgB,EAAE;gBAC3F,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,EAAyC,CAAC,CAAC,8CAA8C;gBAC/H,IAAI,QAAQ,GAAY,IAAI,OAAO,EAAE,CAAC;gBACtC,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,CAAC;gBAC/C,IAAI,gBAAgB,EAAE;oBACpB,QAAQ,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;iBACrD;gBAED,MAAM,YAAY,GAAG,OAAO,CAAC,eAAe,EAAE,IAAI,cAAc,CAAC,YAAY,CAAC;gBAC9E,MAAM,mBAAmB,GAAG,OAAO,CAAC,sBAAsB,EAAE,IAAI,cAAc,CAAC,mBAAmB,CAAC;gBACnG,MAAM,kBAAkB,GAAG,OAAO,CAAC,qBAAqB,EAAE,IAAI,cAAc,CAAC,kBAAkB,CAAC;gBAChG,MAAM,yBAAyB,GAAG,OAAO,CAAC,4BAA4B,EAAE,IAAI,cAAc,CAAC,yBAAyB,CAAC;gBAErH,MAAM,cAAc,GAAwC;oBAC1D,GAAG,cAAc;oBACjB,GAAG,EAAE,SAAS;oBACd,GAAG,EAAE,SAAS;oBACd,QAAQ;oBACR,YAAY;oBACZ,mBAAmB;oBACnB,kBAAkB;oBAClB,yBAAyB;iBAC1B,CAAC;gBACF,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;aAClD;QACH,CAAC;QACD,OAAO,CAAC,KAAK,EAAE,OAAO;YACpB,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,EAAE,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE;gBAC5F,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,EAAyC,CAAC,CAAC,8CAA8C;gBAC/H,MAAM,YAAY,GAAG,OAAO,CAAC,eAAe,EAAE,IAAI,cAAc,CAAC,YAAY,CAAC;gBAC9E,MAAM,mBAAmB,GAAG,OAAO,CAAC,sBAAsB,EAAE,IAAI,cAAc,CAAC,mBAAmB,CAAC;gBACnG,MAAM,kBAAkB,GAAG,OAAO,CAAC,qBAAqB,EAAE,IAAI,cAAc,CAAC,kBAAkB,CAAC;gBAChG,MAAM,yBAAyB,GAAG,OAAO,CAAC,4BAA4B,EAAE,IAAI,cAAc,CAAC,yBAAyB,CAAC;gBAErH,MAAM,cAAc,GAAwC;oBAC1D,GAAG,cAAc;oBACjB,YAAY;oBACZ,mBAAmB;oBACnB,kBAAkB;oBAClB,yBAAyB;iBAC1B,CAAC;gBACF,OAAO,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;aAC1D;YACD,OAAO,IAAI,CAAC;QACd,CAAC;KACF,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;QACtB,OAAO;YACL,iBAAiB,EAAE,OAAO,CAAC,UAAU,EAAE;YACvC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YACzC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;YAC1B,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE;YACvB,IAAI,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,SAAS;SACzC,CAAC;IACJ,CAAC,CAAC,CAAC,MAAM,cAAe,SAAQ,KAAK,CAAC,SAAc;QAAjD;;YACM,gBAAW,GAA0B,IAAI,CAAC;QAqBnD,CAAC;QApBiB,MAAM;YACpB,MAAM,EACJ,SAAS,EAAE,OAAO,EAAE,wDAAwD;YAC5E,iBAAiB,EACjB,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAC3B,SAAS,EAAE,wDAAwD;YACnE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAA4C,CAAC,CAAC,8CAA8C;YAEhH,MAAM,CAAC,GAAG;gBACR,IAAI;gBACJ,IAAI;gBACJ,MAAM;gBACN,OAAO;aACR,CAAC;YACF,OAAO,iBAAkB,CACvB,6BAAK,SAAS,EAAC,qBAAqB,iBAAa,qBAAqB,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;gBACzI,oBAAC,SAAS,OAAK,KAAK,KAAO,CAAS,GAAI,CACpC,CACP,CAAC;QACJ,CAAC;KACF,CAAQ,CAAC;AACZ,CAAC,CAAC;AAxHW,QAAA,cAAc,kBAwHzB","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module DragDrop\n /\nimport as React from \"react\";\nimport { ConnectDropTarget, DndComponentClass, DropTarget } from \"react-dnd\";\nimport { DragSourceArguments, DropTargetArguments, DropTargetProps } from \"./DragDropDef\";\n\n/** React properties for withDropTarget Higher-Order Component\n * @beta\n * @deprecated\n /\nexport interface WithDropTargetProps<DragDropObject = any> {\n /* Properties and callbacks for DropTarget /\n dropProps: DropTargetProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\n /* Whether to propagate to parent DropTargets. /\n shallow?: boolean;\n /* Style properties for dropTarget wrapper element /\n dropStyle?: React.CSSProperties;\n\n /* @internal /\n connectDropTarget?: ConnectDropTarget;\n /* @internal /\n isOver?: boolean;\n /* @internal /\n canDrop?: boolean;\n /* @internal /\n item?: DragDropObject;\n /* @internal /\n type?: string \| symbol;\n}\n\n/\n HOC (Higher-Order Component) that transforms wrapped component into a DropTarget.\n * @param Component component to wrap.\n * @beta\n * @deprecated\n */\n// istanbul ignore next\nexport const withDropTarget = <ComponentProps extends {}, DragDropObject = any>(\n // eslint-disable-next-line @typescript-eslint/naming-convention\n Component: React.ComponentType<ComponentProps>,\n): DndComponentClass<typeof React.Component, ComponentProps & WithDropTargetProps<DragDropObject>> => { // eslint-disable-line deprecation/deprecation\n type Props = ComponentProps & WithDropTargetProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\n return DropTarget((props: Props): Array<string \| symbol> => {\n if (props.dropProps.objectTypes) {\n if (typeof props.dropProps.objectTypes === \"function\")\n return props.dropProps.objectTypes();\n else\n return props.dropProps.objectTypes;\n }\n return [];\n }, {\n drop(props, monitor, component) {\n const dragSourceArgs = monitor.getItem() as DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\n if (monitor.isOver({ shallow: props.shallow \|\| false })) {\n let dropRect: DOMRect = new DOMRect();\n const componentElement = component.rootElement;\n if (componentElement) {\n dropRect = componentElement.getBoundingClientRect();\n }\n\n const clientOffset = monitor.getClientOffset() \|\| dragSourceArgs.clientOffset;\n const initialClientOffset = monitor.getInitialClientOffset() \|\| dragSourceArgs.initialClientOffset;\n const sourceClientOffset = monitor.getSourceClientOffset() \|\| dragSourceArgs.sourceClientOffset;\n const initialSourceClientOffset = monitor.getInitialSourceClientOffset() \|\| dragSourceArgs.initialSourceClientOffset;\n\n const dropTargetArgs: DropTargetArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\n ...dragSourceArgs,\n row: undefined, // clear stale row/col values to be set while propagating back down\n col: undefined,\n dropRect,\n clientOffset,\n initialClientOffset,\n sourceClientOffset,\n initialSourceClientOffset,\n };\n if (props.dropProps.onDropTargetDrop)\n return props.dropProps.onDropTargetDrop(dropTargetArgs);\n }\n return;\n },\n hover(props, monitor, component) {\n if (monitor.isOver({ shallow: props.shallow \|\| false }) && props.dropProps.onDropTargetOver) {\n const dragSourceArgs = monitor.getItem() as DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\n let dropRect: DOMRect = new DOMRect();\n const componentElement = component.rootElement;\n if (componentElement) {\n dropRect = componentElement.getBoundingClientRect();\n }\n\n const clientOffset = monitor.getClientOffset() \|\| dragSourceArgs.clientOffset;\n const initialClientOffset = monitor.getInitialClientOffset() \|\| dragSourceArgs.initialClientOffset;\n const sourceClientOffset = monitor.getSourceClientOffset() \|\| dragSourceArgs.sourceClientOffset;\n const initialSourceClientOffset = monitor.getInitialSourceClientOffset() \|\| dragSourceArgs.initialSourceClientOffset;\n\n const dropTargetArgs: DropTargetArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\n ...dragSourceArgs,\n row: undefined, // clear stale row/col values to be set while propagating back down\n col: undefined,\n dropRect,\n clientOffset,\n initialClientOffset,\n sourceClientOffset,\n initialSourceClientOffset,\n };\n props.dropProps.onDropTargetOver(dropTargetArgs);\n }\n },\n canDrop(props, monitor) {\n if (monitor.isOver({ shallow: props.shallow \|\| false }) && props.dropProps.canDropTargetDrop) {\n const dragSourceArgs = monitor.getItem() as DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\n const clientOffset = monitor.getClientOffset() \|\| dragSourceArgs.clientOffset;\n const initialClientOffset = monitor.getInitialClientOffset() \|\| dragSourceArgs.initialClientOffset;\n const sourceClientOffset = monitor.getSourceClientOffset() \|\| dragSourceArgs.sourceClientOffset;\n const initialSourceClientOffset = monitor.getInitialSourceClientOffset() \|\| dragSourceArgs.initialSourceClientOffset;\n\n const dropTargetArgs: DropTargetArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\n ...dragSourceArgs,\n clientOffset,\n initialClientOffset,\n sourceClientOffset,\n initialSourceClientOffset,\n };\n return props.dropProps.canDropTargetDrop(dropTargetArgs);\n }\n return true;\n },\n }, (connect, monitor) => {\n return {\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver({ shallow: true }),\n canDrop: monitor.canDrop(),\n item: monitor.getItem(),\n type: monitor.getItemType() \|\| undefined,\n };\n })(class WithDropTarget extends React.Component<any> {\n public rootElement: HTMLDivElement \| null = null;\n public override render() {\n const {\n dropProps, shallow, // eslint-disable-line @typescript-eslint/no-unused-vars\n connectDropTarget,\n isOver, canDrop, item, type,\n dropStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...props } = this.props as WithDropTargetProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\n\n const p = {\n item,\n type,\n isOver,\n canDrop,\n };\n return connectDropTarget!(\n <div className=\"drop-target-wrapper\" data-testid=\"drop-target-wrapper\" ref={(el) => { this.rootElement = el; }} style={this.props.dropStyle}>\n <Component {...props} {...(p as any)} />\n </div>,\n );\n }\n }) as any;\n};\n"]}
1	+ {"version":3,"file":"withDropTarget.js","sourceRoot":"","sources":["../../../../../../src/components-react/table/component/dragdrop/withDropTarget.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module DragDrop\r\n /\r\nimport as React from \"react\";\r\nimport { ConnectDropTarget, DndComponentClass, DropTarget } from \"react-dnd\";\r\nimport { DragSourceArguments, DropTargetArguments, DropTargetProps } from \"./DragDropDef\";\r\n\r\n/** React properties for withDropTarget Higher-Order Component\r\n * @beta\r\n * @deprecated\r\n /\r\nexport interface WithDropTargetProps<DragDropObject = any> {\r\n /* Properties and callbacks for DropTarget /\r\n dropProps: DropTargetProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n /* Whether to propagate to parent DropTargets. /\r\n shallow?: boolean;\r\n /* Style properties for dropTarget wrapper element /\r\n dropStyle?: React.CSSProperties;\r\n\r\n /* @internal /\r\n connectDropTarget?: ConnectDropTarget;\r\n /* @internal /\r\n isOver?: boolean;\r\n /* @internal /\r\n canDrop?: boolean;\r\n /* @internal /\r\n item?: DragDropObject;\r\n /* @internal /\r\n type?: string \| symbol;\r\n}\r\n\r\n/\r\n HOC (Higher-Order Component) that transforms wrapped component into a DropTarget.\r\n * @param Component component to wrap.\r\n * @beta\r\n * @deprecated\r\n */\r\n// istanbul ignore next\r\nexport const withDropTarget = <ComponentProps extends {}, DragDropObject = any>(\r\n // eslint-disable-next-line @typescript-eslint/naming-convention\r\n Component: React.ComponentType<ComponentProps>,\r\n): DndComponentClass<typeof React.Component, ComponentProps & WithDropTargetProps<DragDropObject>> => { // eslint-disable-line deprecation/deprecation\r\n type Props = ComponentProps & WithDropTargetProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n return DropTarget((props: Props): Array<string \| symbol> => {\r\n if (props.dropProps.objectTypes) {\r\n if (typeof props.dropProps.objectTypes === \"function\")\r\n return props.dropProps.objectTypes();\r\n else\r\n return props.dropProps.objectTypes;\r\n }\r\n return [];\r\n }, {\r\n drop(props, monitor, component) {\r\n const dragSourceArgs = monitor.getItem() as DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n if (monitor.isOver({ shallow: props.shallow \|\| false })) {\r\n let dropRect: DOMRect = new DOMRect();\r\n const componentElement = component.rootElement;\r\n if (componentElement) {\r\n dropRect = componentElement.getBoundingClientRect();\r\n }\r\n\r\n const clientOffset = monitor.getClientOffset() \|\| dragSourceArgs.clientOffset;\r\n const initialClientOffset = monitor.getInitialClientOffset() \|\| dragSourceArgs.initialClientOffset;\r\n const sourceClientOffset = monitor.getSourceClientOffset() \|\| dragSourceArgs.sourceClientOffset;\r\n const initialSourceClientOffset = monitor.getInitialSourceClientOffset() \|\| dragSourceArgs.initialSourceClientOffset;\r\n\r\n const dropTargetArgs: DropTargetArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n ...dragSourceArgs,\r\n row: undefined, // clear stale row/col values to be set while propagating back down\r\n col: undefined,\r\n dropRect,\r\n clientOffset,\r\n initialClientOffset,\r\n sourceClientOffset,\r\n initialSourceClientOffset,\r\n };\r\n if (props.dropProps.onDropTargetDrop)\r\n return props.dropProps.onDropTargetDrop(dropTargetArgs);\r\n }\r\n return;\r\n },\r\n hover(props, monitor, component) {\r\n if (monitor.isOver({ shallow: props.shallow \|\| false }) && props.dropProps.onDropTargetOver) {\r\n const dragSourceArgs = monitor.getItem() as DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n let dropRect: DOMRect = new DOMRect();\r\n const componentElement = component.rootElement;\r\n if (componentElement) {\r\n dropRect = componentElement.getBoundingClientRect();\r\n }\r\n\r\n const clientOffset = monitor.getClientOffset() \|\| dragSourceArgs.clientOffset;\r\n const initialClientOffset = monitor.getInitialClientOffset() \|\| dragSourceArgs.initialClientOffset;\r\n const sourceClientOffset = monitor.getSourceClientOffset() \|\| dragSourceArgs.sourceClientOffset;\r\n const initialSourceClientOffset = monitor.getInitialSourceClientOffset() \|\| dragSourceArgs.initialSourceClientOffset;\r\n\r\n const dropTargetArgs: DropTargetArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n ...dragSourceArgs,\r\n row: undefined, // clear stale row/col values to be set while propagating back down\r\n col: undefined,\r\n dropRect,\r\n clientOffset,\r\n initialClientOffset,\r\n sourceClientOffset,\r\n initialSourceClientOffset,\r\n };\r\n props.dropProps.onDropTargetOver(dropTargetArgs);\r\n }\r\n },\r\n canDrop(props, monitor) {\r\n if (monitor.isOver({ shallow: props.shallow \|\| false }) && props.dropProps.canDropTargetDrop) {\r\n const dragSourceArgs = monitor.getItem() as DragSourceArguments<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n const clientOffset = monitor.getClientOffset() \|\| dragSourceArgs.clientOffset;\r\n const initialClientOffset = monitor.getInitialClientOffset() \|\| dragSourceArgs.initialClientOffset;\r\n const sourceClientOffset = monitor.getSourceClientOffset() \|\| dragSourceArgs.sourceClientOffset;\r\n const initialSourceClientOffset = monitor.getInitialSourceClientOffset() \|\| dragSourceArgs.initialSourceClientOffset;\r\n\r\n const dropTargetArgs: DropTargetArguments<DragDropObject> = { // eslint-disable-line deprecation/deprecation\r\n ...dragSourceArgs,\r\n clientOffset,\r\n initialClientOffset,\r\n sourceClientOffset,\r\n initialSourceClientOffset,\r\n };\r\n return props.dropProps.canDropTargetDrop(dropTargetArgs);\r\n }\r\n return true;\r\n },\r\n }, (connect, monitor) => {\r\n return {\r\n connectDropTarget: connect.dropTarget(),\r\n isOver: monitor.isOver({ shallow: true }),\r\n canDrop: monitor.canDrop(),\r\n item: monitor.getItem(),\r\n type: monitor.getItemType() \|\| undefined,\r\n };\r\n })(class WithDropTarget extends React.Component<any> {\r\n public rootElement: HTMLDivElement \| null = null;\r\n public override render() {\r\n const {\r\n dropProps, shallow, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n connectDropTarget,\r\n isOver, canDrop, item, type,\r\n dropStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n ...props } = this.props as WithDropTargetProps<DragDropObject>; // eslint-disable-line deprecation/deprecation\r\n\r\n const p = {\r\n item,\r\n type,\r\n isOver,\r\n canDrop,\r\n };\r\n return connectDropTarget!(\r\n <div className=\"drop-target-wrapper\" data-testid=\"drop-target-wrapper\" ref={(el) => { this.rootElement = el; }} style={this.props.dropStyle}>\r\n <Component {...props} {...(p as any)} />\r\n </div>,\r\n );\r\n }\r\n }) as any;\r\n};\r\n"]}

package/lib/cjs/components-react/toolbar/Item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Item.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,uBAAqB;AACrB,4DAAoC;AACpC,6CAA+B;AAyB/B;;GAEG;AACH,8CAA8C;AACjC,QAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,CAAC,KAA6B,EAAE,EAAE;IAChC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,gCAAgC,EAChC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,UAAU,IAAI,qBAAqB,EACzC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,gDACgB,KAAK,CAAC,MAAM,oBACX,aAAa,EAC5B,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,KAAK,CAAC,IAAI,CACP;QACL,KAAK,CAAC,KAAK;YACV,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR,CAED,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Toolbar\n /\n\nimport \"./Item.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[ToolbarButtonItem]] component.\n * @public\n /\nexport interface ToolbarButtonItemProps extends CommonProps {\n /* button icon. /\n icon?: React.ReactNode;\n /* Describes if item is active. /\n isActive?: boolean;\n /* Describes if the item is disabled. /\n isDisabled?: boolean;\n /* Function called when the item is clicked. /\n onClick?: () => void;\n /* Function called when a key is pressed. /\n onKeyDown?: (e: React.KeyboardEvent) => void;\n /* Title for the item. /\n title: string;\n /* A badge to draw. /\n badge?: React.ReactNode;\n /* If true add a gap before button. Default to false. /\n addGroupSeparator?: boolean;\n}\n\n/* Toolbar item component. Used in [[Toolbar]] component.\n * @public\n */\n// eslint-disable-next-line react/display-name\nexport const ToolbarButtonItem = React.memo<React.FC<ToolbarButtonItemProps>>(\n (props: ToolbarButtonItemProps) => {\n const className = classnames(\n \"components-toolbar-button-item\",\n props.isActive && \"components-active\",\n props.isDisabled && \"components-disabled\",\n props.className);\n\n return (\n <button\n data-item-id={props.itemId}\n data-item-type=\"tool-button\"\n disabled={props.isDisabled} // this is needed to prevent focusing/keyboard access to disabled buttons\n onClick={props.onClick}\n onKeyDown={props.onKeyDown}\n className={className}\n style={props.style}\n title={props.title}\n >\n <div className=\"components-icon\">\n {props.icon}\n </div>\n {props.badge &&\n <div className=\"components-badge\">\n {props.badge}\n </div>\n }\n </button>\n );\n });\n"]}
1	+ {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Item.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,uBAAqB;AACrB,4DAAoC;AACpC,6CAA+B;AAyB/B;;GAEG;AACH,8CAA8C;AACjC,QAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,CAAC,KAA6B,EAAE,EAAE;IAChC,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,gCAAgC,EAChC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,UAAU,IAAI,qBAAqB,EACzC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,gDACgB,KAAK,CAAC,MAAM,oBACX,aAAa,EAC5B,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,KAAK,CAAC,IAAI,CACP;QACL,KAAK,CAAC,KAAK;YACV,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR,CAED,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n /\r\n\r\nimport \"./Item.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[ToolbarButtonItem]] component.\r\n * @public\r\n /\r\nexport interface ToolbarButtonItemProps extends CommonProps {\r\n /* button icon. /\r\n icon?: React.ReactNode;\r\n /* Describes if item is active. /\r\n isActive?: boolean;\r\n /* Describes if the item is disabled. /\r\n isDisabled?: boolean;\r\n /* Function called when the item is clicked. /\r\n onClick?: () => void;\r\n /* Function called when a key is pressed. /\r\n onKeyDown?: (e: React.KeyboardEvent) => void;\r\n /* Title for the item. /\r\n title: string;\r\n /* A badge to draw. /\r\n badge?: React.ReactNode;\r\n /* If true add a gap before button. Default to false. /\r\n addGroupSeparator?: boolean;\r\n}\r\n\r\n/* Toolbar item component. Used in [[Toolbar]] component.\r\n * @public\r\n */\r\n// eslint-disable-next-line react/display-name\r\nexport const ToolbarButtonItem = React.memo<React.FC<ToolbarButtonItemProps>>(\r\n (props: ToolbarButtonItemProps) => {\r\n const className = classnames(\r\n \"components-toolbar-button-item\",\r\n props.isActive && \"components-active\",\r\n props.isDisabled && \"components-disabled\",\r\n props.className);\r\n\r\n return (\r\n <button\r\n data-item-id={props.itemId}\r\n data-item-type=\"tool-button\"\r\n disabled={props.isDisabled} // this is needed to prevent focusing/keyboard access to disabled buttons\r\n onClick={props.onClick}\r\n onKeyDown={props.onKeyDown}\r\n className={className}\r\n style={props.style}\r\n title={props.title}\r\n >\r\n <div className=\"components-icon\">\r\n {props.icon}\r\n </div>\r\n {props.badge &&\r\n <div className=\"components-badge\">\r\n {props.badge}\r\n </div>\r\n }\r\n </button>\r\n );\r\n });\r\n"]}

package/lib/cjs/components-react/toolbar/Item.scss CHANGED Viewed

@@ -1,123 +1,123 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "variables";
-.components-toolbar-button-item {
-  box-sizing: border-box;
-  background-origin: border-box;
-  border-color: transparent;
-  border-style: solid;
-  cursor: pointer;
-  transition: background-color 250ms ease;
-  position: relative;
-  background: transparent;
-  height: 100%;
-  width: 100%;
-  outline-style: solid;
-  outline-width: 0;
-  > .components-icon {
-    font-size: $icon-size;
-    width: 100%;
-    height: 100%;
-    display: grid;
-    align-content: center;
-    justify-content: center;
-    color: $icon-color;
-    filter: $icon-shadow;
-    transition: all 250ms ease;
-    img {
-      width: $icon-size;
-      height: $icon-size;
-    }
-  }
-  &:focus {
-    color: $hovered-icon-color;
-    background-color: $buic-background-focus-overlay;
-    svg {
-      opacity: 1;
-    }
-  }
-  &:hover {
-    color: $hovered-icon-color;
-    background-color: $buic-background-hover-overlay;
-    svg {
-      opacity: 1;
-    }
-  }
-  &:active {
-    color: $active-icon-color;
-    background-color: $buic-background-active-overlay;
-    border: solid 2px $buic-foreground-primary;
-    > .components-icon {
-      color: $pressed-icon-color;
-      svg {
-        opacity: 1;
-      }
-    }
-  }
-  &:active:not(.components-disabled) {
-    background: $buic-background-pressed-overlay;
-    color: $pressed-icon-color;
-    transition-duration: 150ms;
-    transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5);
-  }
-  &.components-active {
-    color: $active-icon-color;
-    background-color: $buic-background-active-overlay;
-    border: solid 2px $buic-foreground-primary;
-    &:not(:active):not(.components-disabled) {
-      transition-duration: 0s;
-      > .components-icon {
-        color: $icon-color;
-        transition-duration: 150ms;
-        transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5);
-        svg {
-          opacity: 1;
-        }
-      }
-    }
-  }
-  &.components-disabled {
-    > .components-icon {
-      color: $disabled-icon-color;
-    }
-    &:hover {
-      cursor: auto;
-    }
-    &:active {
-      pointer-events: none;
-    }
-  }
-  > .components-badge {
-    display: none;
-  }
-}
-div.components-toolbar-items-container.components-toolbar-show-decorators .components-toolbar-button-item>.components-badge {
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "variables";
+.components-toolbar-button-item {
+  box-sizing: border-box;
+  background-origin: border-box;
+  border-color: transparent;
+  border-style: solid;
+  cursor: pointer;
+  transition: background-color 250ms ease;
+  position: relative;
+  background: transparent;
+  height: 100%;
+  width: 100%;
+  outline-style: solid;
+  outline-width: 0;
+  > .components-icon {
+    font-size: $icon-size;
+    width: 100%;
+    height: 100%;
+    display: grid;
+    align-content: center;
+    justify-content: center;
+    color: $icon-color;
+    filter: $icon-shadow;
+    transition: all 250ms ease;
+    img {
+      width: $icon-size;
+      height: $icon-size;
+    }
+  }
+  &:focus {
+    color: $hovered-icon-color;
+    background-color: $buic-background-focus-overlay;
+    svg {
+      opacity: 1;
+    }
+  }
+  &:hover {
+    color: $hovered-icon-color;
+    background-color: $buic-background-hover-overlay;
+    svg {
+      opacity: 1;
+    }
+  }
+  &:active {
+    color: $active-icon-color;
+    background-color: $buic-background-active-overlay;
+    border: solid 2px $buic-foreground-primary;
+    > .components-icon {
+      color: $pressed-icon-color;
+      svg {
+        opacity: 1;
+      }
+    }
+  }
+  &:active:not(.components-disabled) {
+    background: $buic-background-pressed-overlay;
+    color: $pressed-icon-color;
+    transition-duration: 150ms;
+    transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5);
+  }
+  &.components-active {
+    color: $active-icon-color;
+    background-color: $buic-background-active-overlay;
+    border: solid 2px $buic-foreground-primary;
+    &:not(:active):not(.components-disabled) {
+      transition-duration: 0s;
+      > .components-icon {
+        color: $icon-color;
+        transition-duration: 150ms;
+        transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5);
+        svg {
+          opacity: 1;
+        }
+      }
+    }
+  }
+  &.components-disabled {
+    > .components-icon {
+      color: $disabled-icon-color;
+    }
+    &:hover {
+      cursor: auto;
+    }
+    &:active {
+      pointer-events: none;
+    }
+  }
+  > .components-badge {
+    display: none;
+  }
+}
+div.components-toolbar-items-container.components-toolbar-show-decorators .components-toolbar-button-item>.components-badge {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
 }

package/lib/cjs/components-react/toolbar/ItemWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ItemWrapper.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/ItemWrapper.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,8BAA4B;AAC5B,4DAAoC;AACpC,6CAA+B;AAC/B,kDAAmE;AACnE,+DAAwG;AACxG,qDAAqF;AAUrF;;GAEG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,IAAA,4DAAsC,GAAE,CAAC;IAChH,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,6CAAuB,GAAE,CAAC;IACvE,MAAM,GAAG,GAAG,gCAAgC,CAAiB,QAAQ,EAAE,SAAS,CAAC,CAAC;IAClF,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,mCAAmC,EACnC,WAAW,IAAI,sBAAsB,EACrC,sCAA0B,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,EACvF,4BAAgB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,EAC7E,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AApBD,kCAoBC;AAED,gBAAgB;AAChB,SAAgB,gCAAgC,CAAoB,QAAgC,EAAE,SAAkB;IACtH,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;QAC9D,IAAI,SAAS;YACX,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;QACrB,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC1B,OAAO,IAAA,8BAAiB,EAAI,YAAY,CAAC,CAAC;AAC5C,CAAC;AAPD,4EAOC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module ToolSettings\n /\n\nimport \"./ItemWrapper.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport { CommonProps, useResizeObserver } from \"@itwin/core-react\";\nimport { useToolbarWithOverflowDirectionContext, useToolItemEntryContext } from \"./ToolbarWithOverflow\";\nimport { DirectionHelpers, OrthogonalDirectionHelpers } from \"./utilities/Direction\";\n\n/** Properties of [[ItemWrapper]] component.\n * @internal future\n /\nexport interface ItemWrapperProps extends CommonProps {\n /* Tool setting content. /\n children?: React.ReactNode;\n}\n\n/* Used in a [[ItemWrapper]] component to display a setting.\n * @internal future\n /\nexport function ItemWrapper(props: ItemWrapperProps) {\n const { expandsTo, direction, overflowExpandsTo, overflowDirection } = useToolbarWithOverflowDirectionContext();\n const { hasOverflow, onResize, useHeight } = useToolItemEntryContext();\n const ref = useResizeObserverSingleDimension<HTMLDivElement>(onResize, useHeight);\n const className = classnames(\n \"components-toolbar-item-container\",\n hasOverflow && \"components-overflown\",\n OrthogonalDirectionHelpers.getCssClassName(hasOverflow ? overflowDirection : direction),\n DirectionHelpers.getCssClassName(hasOverflow ? overflowExpandsTo : expandsTo),\n props.className,\n );\n return (\n <div\n className={className}\n ref={ref}\n style={props.style}\n >\n {props.children}\n </div>\n );\n}\n\n/* @internal */\nexport function useResizeObserverSingleDimension<T extends Element>(onResize: (size: number) => void, useHeight: boolean) {\n const handleResize = React.useCallback((w: number, h: number) => {\n if (useHeight)\n return onResize(h);\n return onResize(w);\n }, [useHeight, onResize]);\n return useResizeObserver<T>(handleResize);\n}\n"]}
1	+ {"version":3,"file":"ItemWrapper.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/ItemWrapper.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,8BAA4B;AAC5B,4DAAoC;AACpC,6CAA+B;AAC/B,kDAAmE;AACnE,+DAAwG;AACxG,qDAAqF;AAUrF;;GAEG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,IAAA,4DAAsC,GAAE,CAAC;IAChH,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAA,6CAAuB,GAAE,CAAC;IACvE,MAAM,GAAG,GAAG,gCAAgC,CAAiB,QAAQ,EAAE,SAAS,CAAC,CAAC;IAClF,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,mCAAmC,EACnC,WAAW,IAAI,sBAAsB,EACrC,sCAA0B,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,EACvF,4BAAgB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,EAC7E,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,IAEjB,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AApBD,kCAoBC;AAED,gBAAgB;AAChB,SAAgB,gCAAgC,CAAoB,QAAgC,EAAE,SAAkB;IACtH,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;QAC9D,IAAI,SAAS;YACX,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;QACrB,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC1B,OAAO,IAAA,8BAAiB,EAAI,YAAY,CAAC,CAAC;AAC5C,CAAC;AAPD,4EAOC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module ToolSettings\r\n /\r\n\r\nimport \"./ItemWrapper.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { CommonProps, useResizeObserver } from \"@itwin/core-react\";\r\nimport { useToolbarWithOverflowDirectionContext, useToolItemEntryContext } from \"./ToolbarWithOverflow\";\r\nimport { DirectionHelpers, OrthogonalDirectionHelpers } from \"./utilities/Direction\";\r\n\r\n/** Properties of [[ItemWrapper]] component.\r\n * @internal future\r\n /\r\nexport interface ItemWrapperProps extends CommonProps {\r\n /* Tool setting content. /\r\n children?: React.ReactNode;\r\n}\r\n\r\n/* Used in a [[ItemWrapper]] component to display a setting.\r\n * @internal future\r\n /\r\nexport function ItemWrapper(props: ItemWrapperProps) {\r\n const { expandsTo, direction, overflowExpandsTo, overflowDirection } = useToolbarWithOverflowDirectionContext();\r\n const { hasOverflow, onResize, useHeight } = useToolItemEntryContext();\r\n const ref = useResizeObserverSingleDimension<HTMLDivElement>(onResize, useHeight);\r\n const className = classnames(\r\n \"components-toolbar-item-container\",\r\n hasOverflow && \"components-overflown\",\r\n OrthogonalDirectionHelpers.getCssClassName(hasOverflow ? overflowDirection : direction),\r\n DirectionHelpers.getCssClassName(hasOverflow ? overflowExpandsTo : expandsTo),\r\n props.className,\r\n );\r\n return (\r\n <div\r\n className={className}\r\n ref={ref}\r\n style={props.style}\r\n >\r\n {props.children}\r\n </div>\r\n );\r\n}\r\n\r\n/* @internal */\r\nexport function useResizeObserverSingleDimension<T extends Element>(onResize: (size: number) => void, useHeight: boolean) {\r\n const handleResize = React.useCallback((w: number, h: number) => {\r\n if (useHeight)\r\n return onResize(h);\r\n return onResize(w);\r\n }, [useHeight, onResize]);\r\n return useResizeObserver<T>(handleResize);\r\n}\r\n"]}

package/lib/cjs/components-react/toolbar/ItemWrapper.scss CHANGED Viewed

@@ -1,10 +1,10 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-.components-toolbar-item-container {
-  position: relative;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.components-toolbar-item-container {
+  position: relative;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}

package/lib/cjs/components-react/toolbar/Items.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Items.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Items.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wBAAsB;AACtB,4DAAoC;AACpC,6CAA+B;AAC/B,kDAK2B;AAC3B,+DAAsG;AACtG,qDAAwF;AAYxF;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAwB;IAEnD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,qBAAqB,EAAE,cAAc,EAAE,qBAAqB,EAAE,GAAG,IAAA,4DAAsC,GAAE,CAAC;IAClH,MAAM,wBAAwB,GAAG,qBAAqB,KAAK,2CAAqB,CAAC,WAAW,CAAC;IAC7F,IAAI,cAAc,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,oCAAuB,CAAC;IAC5E,IAAI,gBAAgB,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,+CAAkC,CAAC;IACzF,IAAI,UAAU,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iDAAoC,CAAC;IACrF,IAAI,cAAc,GAAG,qBAAqB,KAAK,2CAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhG,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,qBAAqB,KAAK,2CAAqB,CAAC,SAAS,IAAI,cAAc,GAAG,CAAC,IAAI,CAAC,qBAAqB,EAAE;QAC7G,cAAc,GAAG,IAAA,oCAAuB,EAAC,cAAc,CAAC,CAAC;QACzD,gBAAgB,GAAG,IAAA,sCAAyB,EAAC,cAAc,CAAC,CAAC;QAC7D,UAAU,GAAG,IAAA,wCAA2B,EAAC,cAAc,CAAC,CAAC;QACzD,uBAAuB;QACvB,IAAI,cAAc,GAAG,GAAG;YACtB,cAAc,GAAG,KAAK,CAAC;KAC1B;IAED,MAAM,QAAQ,GAAwB;QACpC,eAAe,EAAE,IAAA,sCAAyB,EAAC,cAAc,CAAC;QAC1D,SAAS,EAAE,IAAA,gCAAmB,EAAC,gBAAgB,CAAC;QAChD,cAAc,EAAE,IAAA,qCAAwB,EAAC,UAAU,CAAC;QACpD,GAAG,KAAK,CAAC,KAAK;KACf,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,oCAAoC,EACpC,sCAA0B,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,EAC3D,cAAc,IAAI,oCAAoC,EACtD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,IAEP,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AApDD,oCAoDC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n--------------------------------------------------------------------------------------------/\n/** @packageDocumentation\n * @module Toolbar\n /\n\nimport \"./Items.scss\";\nimport classnames from \"classnames\";\nimport as React from \"react\";\nimport {\n calculateBackdropFilterBlur, calculateBoxShadowOpacity, calculateToolbarOpacity, CommonProps,\n getToolbarBackdropFilter, getToolbarBackgroundColor, getToolbarBoxShadow,\n TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT, TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT, TOOLBAR_OPACITY_DEFAULT,\n useWidgetOpacityContext,\n} from \"@itwin/core-react\";\nimport { ToolbarOpacitySetting, useToolbarWithOverflowDirectionContext } from \"./ToolbarWithOverflow\";\nimport { OrthogonalDirection, OrthogonalDirectionHelpers } from \"./utilities/Direction\";\n\n/** Properties of [[ToolbarItems]] component.\n * @internal\n /\nexport interface ToolbarItemsProps extends CommonProps {\n /* Toolbar items. /\n children?: React.ReactNode;\n /* Toolbar items direction. /\n direction: OrthogonalDirection;\n}\n\n/* Toolbar items container. Used in [[ToolbarWithOverflow]] component.\n * @internal\n */\nexport function ToolbarItems(props: ToolbarItemsProps) {\n\n const ref = React.useRef<HTMLDivElement>(null);\n const { toolbarOpacitySetting, openPopupCount, overflowDisplayActive } = useToolbarWithOverflowDirectionContext();\n const useTransparentBackground = toolbarOpacitySetting === ToolbarOpacitySetting.Transparent;\n let toolbarOpacity = useTransparentBackground ? 0 : TOOLBAR_OPACITY_DEFAULT;\n let boxShadowOpacity = useTransparentBackground ? 0 : TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT;\n let filterBlur = useTransparentBackground ? 0 : TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT;\n let showSeparators = toolbarOpacitySetting === ToolbarOpacitySetting.Transparent ? false : true;\n\n const isInitialMount = React.useRef(true);\n const { onElementRef, proximityScale } = useWidgetOpacityContext();\n\n React.useEffect(() => {\n // istanbul ignore else\n if (isInitialMount.current) {\n isInitialMount.current = false;\n onElementRef(ref);\n }\n }, [onElementRef]);\n\n if (toolbarOpacitySetting === ToolbarOpacitySetting.Proximity && openPopupCount < 1 && !overflowDisplayActive) {\n toolbarOpacity = calculateToolbarOpacity(proximityScale);\n boxShadowOpacity = calculateBoxShadowOpacity(proximityScale);\n filterBlur = calculateBackdropFilterBlur(proximityScale);\n // istanbul ignore next\n if (proximityScale < .25)\n showSeparators = false;\n }\n\n const divStyle: React.CSSProperties = {\n backgroundColor: getToolbarBackgroundColor(toolbarOpacity),\n boxShadow: getToolbarBoxShadow(boxShadowOpacity),\n backdropFilter: getToolbarBackdropFilter(filterBlur),\n ...props.style,\n };\n\n const className = classnames(\n \"components-toolbar-items-container\",\n OrthogonalDirectionHelpers.getCssClassName(props.direction),\n showSeparators && \"components-toolbar-show-decorators\",\n props.className);\n\n return (\n <div\n className={className}\n style={divStyle}\n ref={ref}\n >\n {props.children}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"Items.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Items.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,wBAAsB;AACtB,4DAAoC;AACpC,6CAA+B;AAC/B,kDAK2B;AAC3B,+DAAsG;AACtG,qDAAwF;AAYxF;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAwB;IAEnD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,qBAAqB,EAAE,cAAc,EAAE,qBAAqB,EAAE,GAAG,IAAA,4DAAsC,GAAE,CAAC;IAClH,MAAM,wBAAwB,GAAG,qBAAqB,KAAK,2CAAqB,CAAC,WAAW,CAAC;IAC7F,IAAI,cAAc,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,oCAAuB,CAAC;IAC5E,IAAI,gBAAgB,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,+CAAkC,CAAC;IACzF,IAAI,UAAU,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iDAAoC,CAAC;IACrF,IAAI,cAAc,GAAG,qBAAqB,KAAK,2CAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhG,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,oCAAuB,GAAE,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB;QACvB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,YAAY,CAAC,GAAG,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,qBAAqB,KAAK,2CAAqB,CAAC,SAAS,IAAI,cAAc,GAAG,CAAC,IAAI,CAAC,qBAAqB,EAAE;QAC7G,cAAc,GAAG,IAAA,oCAAuB,EAAC,cAAc,CAAC,CAAC;QACzD,gBAAgB,GAAG,IAAA,sCAAyB,EAAC,cAAc,CAAC,CAAC;QAC7D,UAAU,GAAG,IAAA,wCAA2B,EAAC,cAAc,CAAC,CAAC;QACzD,uBAAuB;QACvB,IAAI,cAAc,GAAG,GAAG;YACtB,cAAc,GAAG,KAAK,CAAC;KAC1B;IAED,MAAM,QAAQ,GAAwB;QACpC,eAAe,EAAE,IAAA,sCAAyB,EAAC,cAAc,CAAC;QAC1D,SAAS,EAAE,IAAA,gCAAmB,EAAC,gBAAgB,CAAC;QAChD,cAAc,EAAE,IAAA,qCAAwB,EAAC,UAAU,CAAC;QACpD,GAAG,KAAK,CAAC,KAAK;KACf,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,oCAAoC,EACpC,sCAA0B,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,EAC3D,cAAc,IAAI,oCAAoC,EACtD,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,IAEP,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AApDD,oCAoDC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n /\r\n\r\nimport \"./Items.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport {\r\n calculateBackdropFilterBlur, calculateBoxShadowOpacity, calculateToolbarOpacity, CommonProps,\r\n getToolbarBackdropFilter, getToolbarBackgroundColor, getToolbarBoxShadow,\r\n TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT, TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT, TOOLBAR_OPACITY_DEFAULT,\r\n useWidgetOpacityContext,\r\n} from \"@itwin/core-react\";\r\nimport { ToolbarOpacitySetting, useToolbarWithOverflowDirectionContext } from \"./ToolbarWithOverflow\";\r\nimport { OrthogonalDirection, OrthogonalDirectionHelpers } from \"./utilities/Direction\";\r\n\r\n/** Properties of [[ToolbarItems]] component.\r\n * @internal\r\n /\r\nexport interface ToolbarItemsProps extends CommonProps {\r\n /* Toolbar items. /\r\n children?: React.ReactNode;\r\n /* Toolbar items direction. /\r\n direction: OrthogonalDirection;\r\n}\r\n\r\n/* Toolbar items container. Used in [[ToolbarWithOverflow]] component.\r\n * @internal\r\n */\r\nexport function ToolbarItems(props: ToolbarItemsProps) {\r\n\r\n const ref = React.useRef<HTMLDivElement>(null);\r\n const { toolbarOpacitySetting, openPopupCount, overflowDisplayActive } = useToolbarWithOverflowDirectionContext();\r\n const useTransparentBackground = toolbarOpacitySetting === ToolbarOpacitySetting.Transparent;\r\n let toolbarOpacity = useTransparentBackground ? 0 : TOOLBAR_OPACITY_DEFAULT;\r\n let boxShadowOpacity = useTransparentBackground ? 0 : TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT;\r\n let filterBlur = useTransparentBackground ? 0 : TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT;\r\n let showSeparators = toolbarOpacitySetting === ToolbarOpacitySetting.Transparent ? false : true;\r\n\r\n const isInitialMount = React.useRef(true);\r\n const { onElementRef, proximityScale } = useWidgetOpacityContext();\r\n\r\n React.useEffect(() => {\r\n // istanbul ignore else\r\n if (isInitialMount.current) {\r\n isInitialMount.current = false;\r\n onElementRef(ref);\r\n }\r\n }, [onElementRef]);\r\n\r\n if (toolbarOpacitySetting === ToolbarOpacitySetting.Proximity && openPopupCount < 1 && !overflowDisplayActive) {\r\n toolbarOpacity = calculateToolbarOpacity(proximityScale);\r\n boxShadowOpacity = calculateBoxShadowOpacity(proximityScale);\r\n filterBlur = calculateBackdropFilterBlur(proximityScale);\r\n // istanbul ignore next\r\n if (proximityScale < .25)\r\n showSeparators = false;\r\n }\r\n\r\n const divStyle: React.CSSProperties = {\r\n backgroundColor: getToolbarBackgroundColor(toolbarOpacity),\r\n boxShadow: getToolbarBoxShadow(boxShadowOpacity),\r\n backdropFilter: getToolbarBackdropFilter(filterBlur),\r\n ...props.style,\r\n };\r\n\r\n const className = classnames(\r\n \"components-toolbar-items-container\",\r\n OrthogonalDirectionHelpers.getCssClassName(props.direction),\r\n showSeparators && \"components-toolbar-show-decorators\",\r\n props.className);\r\n\r\n return (\r\n <div\r\n className={className}\r\n style={divStyle}\r\n ref={ref}\r\n >\r\n {props.children}\r\n </div>\r\n );\r\n}\r\n"]}