@metadev/daga-react 0.0.1

package/Changelog.md

@@ -0,0 +1,212 @@
+# DAGA Changelog
+
+List of releases and changes.
+
+![Daga logo](https://metadev.pro/icons/daga-logo-header.svg)
+
+## Next release Excalibur
+
+- Enable configuring different looks for palette connection templates based on whether the connection type is the one currently selected or not [#197](https://github.com/metadevpro/daga/pull/197)
+- Enable configuring the gap in palette elements [#197](https://github.com/metadevpro/daga/pull/197)
+- Enable placing palette templates in multiple columns if they fit [#197](https://github.com/metadevpro/daga/pull/197)
+- Use grab cursor style when hovering cursor on node palette templates and pointer cursor style when hovering cursor on connection palette templates [#197](https://github.com/metadevpro/daga/pull/197)
+- Add node continence [#200](https://github.com/metadevpro/daga/pull/200)
+- Enable defining custom shape functions for nodes in the configuration [#206](https://github.com/metadevpro/daga/pull/206)
+- Fix order of diagram elements [#208](https://github.com/metadevpro/daga/pull/208)
+
+## v. 2.0.0 Lobera
+
+Date: _2024-11-22_
+
+- Allow multiple selection of nodes by secondary click and drag to draw a selection rectangle [#146](https://github.com/metadevpro/daga/issues/146) [#174](https://github.com/metadevpro/daga/pull/174)
+- Make all diagram components disabled by default in diagram configuration [#174](https://github.com/metadevpro/daga/pull/174)
+- Rename `exists` attribute of diagram configuration of components to `enabled` [#174](https://github.com/metadevpro/daga/pull/174)
+- Move methods regarding user selection in diagram canvas (`isInUserSelection`, `addToUserSelection`, `removeFromUserSelection`, `toggleUserSelection`, `clearUserSelection`, `deleteUserSelection`, `copyUserSelectionToClipboard`, `pasteUserSelectionFromClipboard`, `setPropertyEditorSelection`) to its own `userSelection` object in the canvas [#174](https://github.com/metadevpro/daga/pull/174)
+- Move methods regarding user highlight in diagram canvas (`highlight`, `unhighlight`) to its own `userHighlight` object in the canvas [#174](https://github.com/metadevpro/daga/pull/174)
+- Move methods regarding context menu in diagram canvas (`openContextMenu`, `closeContextMenu`) to its own `contextMenu` object in the canvas [#174](https://github.com/metadevpro/daga/pull/174)
+- Split the core of Daga functionalities from the Angular-specific parts [#150](https://github.com/metadevpro/daga/issues/150) [#175](https://github.com/metadevpro/daga/pull/175)
+- Add `Move` action type to support moving multiple elements at once [#177](https://github.com/metadevpro/daga/pull/177)
+- When moving a selected element, move the entire user selection [#177](https://github.com/metadevpro/daga/pull/177)
+- Fix bug with undoing paste actions not removing the correct elements [#177](https://github.com/metadevpro/daga/pull/177)
+- Void property editor selection when selecting multiple elements [#178](https://github.com/metadevpro/daga/pull/178)
+- Extract canvas configuration to its own object within the diagram configuration [#180](https://github.com/metadevpro/daga/pull/180)
+- Solve bug with infinite loop on getting an element from an element set [#181](https://github.com/metadevpro/daga/pull/181)
+- Add multiple selection menu button [#182](https://github.com/metadevpro/daga/pull/182)
+- Do not highlight nodes when moving nodes or drawing a multiple selection rectangle [#182](https://github.com/metadevpro/daga/pull/182)
+- Rename `guessConnectionType` to `inferConnectionType` [#185](https://github.com/metadevpro/daga/pull/185)
+- Rename `ActionQueue` to `ActionStack` [#185](https://github.com/metadevpro/daga/pull/185)
+- Rename `zoomRate` to `zoomFactor` [#185](https://github.com/metadevpro/daga/pull/185)
+- Rename `validatorChanges$` to `validatorChange$`, `diagramChanges$` to `diagramChange$` and `diagramImportantChanges$` to `diagramImportantChange$` [#185](https://github.com/metadevpro/daga/pull/185)
+- When undoing or redoing user actions, perform undo or redo repeatedly until there's an effect on the diagram [#190](https://github.com/metadevpro/daga/pull/190)
+
+## v. 1.5.7
+
+Date: _2024-10-16_
+
+- Fix the selecion of layout algorithms in examples [#170](https://github.com/metadevpro/daga/pull/170)
+- Add `daga-` prefixes to element classes to avoid stylesheet conflicts [#171](https://github.com/metadevpro/daga/pull/171)
+- Highlight diagram elements with the error when showing an error [#171](https://github.com/metadevpro/daga/pull/171)
+- Prevent selecting the same element multiple times [#172](https://github.com/metadevpro/daga/issues/172) [#173](https://github.com/metadevpro/daga/pull/173)
+
+## v. 1.5.6
+
+Date: _2024-10-10_
+
+- Filter away removed elements by default [#168](https://github.com/metadevpro/daga/pull/168)
+- Generalize the margin and padding of fields to enable different amounts of margin on each side [#168](https://github.com/metadevpro/daga/pull/168)
+- Enable using the - and + keys for zoom [#168](https://github.com/metadevpro/daga/pull/168)
+- Enable using the arrow keys for panning [#168](https://github.com/metadevpro/daga/pull/168)
+
+## v. 1.5.5
+
+Date: _2024-10-02_
+
+- Ensure that decorators are always removed [#167](https://github.com/metadevpro/daga/pull/167)
+
+## v. 1.5.4
+
+Date: _2024-09-21_
+
+- Add diagram decorators [#164](https://github.com/metadevpro/daga/issues/164) [#166](https://github.com/metadevpro/daga/pull/166)
+- Enable diagram events on diagram objects [#166](https://github.com/metadevpro/daga/pull/166)
+
+## v. 1.5.3
+
+Date: _2024-09-09_
+
+- Create interface for listening to user events on the diagram [#160](https://github.com/metadevpro/daga/issues/160) [#161](https://github.com/metadevpro/daga/pull/161)
+
+## v. 1.5.2
+
+Date: _2024-08-30_
+
+- Create new UpdateValuesAction on debounced user changes instead of only on closing the property editor [#136](https://github.com/metadevpro/daga/issues/136) [#152](https://github.com/metadevpro/daga/pull/152)
+- Fix bug with failing to highlight ports due to attempting to highlight ports from a removed node instead [#156](https://github.com/metadevpro/daga/pull/156)
+- Stop propagation of keydown events on input fields to prevent deleting nodes on pressing backspace while editing a node's label [#155](https://github.com/metadevpro/daga/issues/155) [#157](https://github.com/metadevpro/daga/pull/157)
+- Add hasProperty method to PropertySet [#158](https://github.com/metadevpro/daga/pull/158)
+
+## v. 1.5.1
+
+Date: _2024-06-19_
+
+- Highlight elements when opening the context menu on them [#142](https://github.com/metadevpro/daga/pull/142)
+- Add select all (Control+A) and invert selection (Control+I) keyboard shortcuts [#143](https://github.com/metadevpro/daga/pull/143)
+- Enable adding to selection with Shift+Click as well as Control+Click [#145](https://github.com/metadevpro/daga/pull/145)
+- Make context menu items focusable [#145](https://github.com/metadevpro/daga/pull/145)
+- Only show context menu buttons if they can be clicked [#145](https://github.com/metadevpro/daga/pull/145)
+- Select elements when opening the context menu on them [#145](https://github.com/metadevpro/daga/pull/145)
+- Paste selection centered on the user's view or on the context menu location instead of in the place of the original selection [#147](https://github.com/metadevpro/daga/pull/147)
+- Add diagram objects [#148](https://github.com/metadevpro/daga/pull/148)
+- Enable toggling context menu in diagram configuration [#149](https://github.com/metadevpro/daga/pull/149)
+- Center icons of context menu buttons [#149](https://github.com/metadevpro/daga/pull/149)
+
+## v. 1.5.0 Colada
+
+Date: _2024-06-06_
+
+- Ported to Angular 18, nx 19, node 20 [#140](https://github.com/metadevpro/daga/pull/140)
+- Add context menu and clipboard functionality [#139](https://github.com/metadevpro/daga/pull/139)
+
+## v. 1.4.3
+
+Date: _2024-06-04_
+
+- Add property editor settings page [#113](https://github.com/metadevpro/daga/issues/113) [#119](https://github.com/metadevpro/daga/pull/119) [#120](https://github.com/metadevpro/daga/pull/120)
+- Add `TextSet` and `OptionSet` property types [#121](https://github.com/metadevpro/daga/pull/121)
+- Don't allow adding empty values in `TextList`, `TextSet` and `TextMap` property types [#121](https://github.com/metadevpro/daga/pull/121)
+- Prevent overlapping connections [#122](https://github.com/metadevpro/daga/pull/122)
+- Highlight a port when the pointer is close to the port while drawing a connection [#138](https://github.com/metadevpro/daga/pull/138)
+- Adding support for collaborative actions.
+
+## v. 1.4.2
+
+Date: _2024-04-11_
+
+- Allow instancing nodes and connections referencing their type by its identifier rather than having to get the type from the set of types [#94](https://github.com/metadevpro/daga/pull/94)
+- Use logical removal of diagram elements via the `removed` flag instead of removing them from the model [#96](https://github.com/metadevpro/daga/pull/96)
+- Add `do()` method to `DiagramAction` [#96](https://github.com/metadevpro/daga/pull/96)
+- Only register changed values in `UpdateValuesAction` to reduce chances of overwriting when different users edit the same `ValueSet` simultaneously [#106](https://github.com/metadevpro/daga/pull/106)
+- Define and document the behavior of `ValueSet` [#106](https://github.com/metadevpro/daga/pull/106)
+- When creating a new `DiagramElement` with a `ValueSet`, set the `DiagramElement`'s attributes to the `ValueSet`'s values if any of the values has an associated attribute [#106](https://github.com/metadevpro/daga/pull/106)
+- Move the components of property editor to within property editor folder for better code organization [#106](https://github.com/metadevpro/daga/pull/106)
+- Remove Lux dependence [#106](https://github.com/metadevpro/daga/pull/106)
+- Make the `rootAttribute` of `Property` optional to make diagram configurations simpler [#106](https://github.com/metadevpro/daga/pull/106)
+- Improve behavior of nested `ValueSet`s [#106](https://github.com/metadevpro/daga/pull/106)
+- Fix bug with the list of options in properties of `Option` type appearing misplaced in scrolled property editors [#116](https://github.com/metadevpro/daga/pull/116)
+- Make property editor not appear when collapsed [#118](https://github.com/metadevpro/daga/pull/118)
+
+## v. 1.4.1
+
+Date: _2024-03-08_
+
+- Fix bug with diagram changes not triggering validation [#91](https://github.com/metadevpro/daga/pull/91)
+- Compensate for scroll when getting cursor position relative to screen [#92](https://github.com/metadevpro/daga/pull/92)
+
+## v. 1.4.0 Tizona
+
+Date: _2024-03-08_
+
+- Enable configuring which components are present in a diagram [#66](https://github.com/metadevpro/daga/pull/66)
+- Add `zoom` configurable user action and enable configuring whether zooming and panning is enabled [#66](https://github.com/metadevpro/daga/pull/66)
+- Rename `color` configuration property of diagram to `backgroundColor` and `color` configuration property of node to `fillColor` [#65](https://github.com/metadevpro/daga/issues/65) [#69](https://github.com/metadevpro/daga/pull/69)
+- Remove `generic-diagram.json` file and add testing diagram configuration in `test-util` file instead [#69](https://github.com/metadevpro/daga/pull/69)
+- Fix bug with connections with zero priority not being displayed [#70](https://github.com/metadevpro/daga/pull/70)
+- Organize the configuration for each diagram component in the diagram configuration interface [#71](https://github.com/metadevpro/daga/pull/71)
+- Enable configuring the location of diagram components [#71](https://github.com/metadevpro/daga/pull/71)
+- Enable configuring the presence of specific buttons in the diagram buttons [#71](https://github.com/metadevpro/daga/pull/71)
+- Generalize the expansion and collapse animation of the diagram buttons to an arbitrary number of buttons [#71](https://github.com/metadevpro/daga/pull/71)
+- Add `fit` option to `FieldConfig` interface. Resize nodes and sections when that option is true and the size of their labels changes. [#35](https://github.com/metadevpro/daga/pull/35)
+- Fix [#39](https://github.com/metadevpro/daga/issues/39) Allow delete with `backspace` key for Mac (no delete key on Mac).
+- Fix [#75](https://github.com/metadevpro/daga/issues/75) Blur event in input field. Also implement autoselect all text.
+- Reorganize configuration of diagram sections such that each section can be configured individually [#81](https://github.com/metadevpro/daga/pull/81)
+- Resize nodes when filtering their sections [#83](https://github.com/metadevpro/daga/pull/83)
+- Add methods to more easily get the priority of diagram elements and get and set the priority threshold of a canvas [#83](https://github.com/metadevpro/daga/pull/83)
+- Use `not-allowed` cursor style when the user attempts to do an action that is not allowed [#41](https://github.com/metadevpro/daga/issues/41) [#85](https://github.com/metadevpro/daga/pull/85)
+- Group up diagram elements by their type in the dom to ensure order of drawing of diagram elements [#84](https://github.com/metadevpro/daga/issues/84) [#86](https://github.com/metadevpro/daga/pull/86)
+- Enable two way diagram model databinding [#73](https://github.com/metadevpro/daga/issues/73) [#87](https://github.com/metadevpro/daga/pull/87)
+- Enable making changes to the diagram in the view without broadcasting changes to the model [#87](https://github.com/metadevpro/daga/pull/87)
+- Move example-specific assets to their example asset folder [#87](https://github.com/metadevpro/daga/pull/87)
+- Add a diagram's ValueSet to the DagaModel and serialize and deserialize a diagram's ValueSet when exporting and importing a diagram using the default daga exporter/importer [#87](https://github.com/metadevpro/daga/pull/87)
+
+## v. 1.3.1
+
+Date: _2024.02.13_
+
+- Add link to documentation and tutorials: <https://daga.metadev.pro/>
+
+## v. 1.3.0
+
+Date: _2024.02.12_
+
+- Add TSDoc documentation of types, methods and fields [#62](https://github.com/metadevpro/daga/pull/62)
+- Creatw UserActionConfig type to represent configuration of allowed user actions [#62](https://github.com/metadevpro/daga/pull/62)
+- Fix typo in README [#62](https://github.com/metadevpro/daga/pull/62)
+- Use `DataSource<unknown, string>` as the type for the options of `Property` instead of `DataSource<string, string>` to allow arbitrary values [#63](https://github.com/metadevpro/daga/pull/63)
+- Improved efficiency of moving the start and end ports of a connection [#64](https://github.com/metadevpro/daga/pull/64)
+
+## v. 1.2.0
+
+Date: _2024.02.08_
+
+- Enable configuring what user actions are allowed [#47](https://github.com/metadevpro/daga/issues/47) [#54](https://github.com/metadevpro/daga/pull/54)
+- Add missing exports to index and clean up unused utils [#55](https://github.com/metadevpro/daga/pull/55)
+- Use separate configuration defaults for `DiagramNode` and `DiagramSection` [#56](https://github.com/metadevpro/daga/pull/56)
+- Add TypeDoc for automatic documentation generation [#58](https://github.com/metadevpro/daga/pull/58)
+- Move all styles to a dedicated `styles` folder [#60](https://github.com/metadevpro/daga/pull/60)
+- Remove unused CSS variables [#60](https://github.com/metadevpro/daga/pull/60)
+- Remove ampersands from stylesheets [#60](https://github.com/metadevpro/daga/pull/60)
+- Prefix Daga's CSS variables with `daga-` [#60](https://github.com/metadevpro/daga/pull/60)
+- Update libraries [#60](https://github.com/metadevpro/daga/pull/60)
+
+## v. 1.1.0
+
+Date: _2024.02.05_
+
+- Refactor API for sets of elements of Diagram Model [#51](https://github.com/metadevpro/daga/pull/51)
+- Make diagrams not absolutely positioned in CSS [#50](https://github.com/metadevpro/daga/issues/50), [#52](https://github.com/metadevpro/daga/pull/52)
+
+## v. 1.0.0
+
+Date: _2024.02.01_
+
+- First public version. ⚔️🚀🎉

package/LICENSE.md

@@ -0,0 +1,13 @@
+# DAGA License
+
+![Daga logo](https://metadev.pro/icons/daga-logo-header.svg)
+
+**Metadev** offers a dual license for [**Daga**](https://metadev.pro/products/daga/).
+Feel free to [contact](https://metadev.pro/contact/) for any inquiry about it.
+
+1. Commercial license granted for for-profit organizations.
+2. Free license for research and educational usages.
+
+---
+
+![Metadev logo](https://metadev.pro/content/metadev-logo-600px.png)

package/README.md

@@ -0,0 +1,67 @@
+# Daga
+
+![Daga banner](https://metadev.pro/content/daga/daga-banner.png)
+
+Diagramming library for models.
+
+[Daga documentation and tutorial](https://daga.metadev.pro)
+[Daga product page](https://metadev.pro/products/daga/).
+Made and comercial suport by [Metadev](https://metadev.pro).
+
+## Diagram Example
+
+![Sample diagram](https://metadev.pro/img/daga/daga-diagram.svg)
+
+## Requirements
+
+- Angular 18
+
+## Build Daga
+
+```bash
+npm run build
+```
+
+## Generate Docs
+
+```bash
+npm run doc
+```
+
+## Test
+
+```bash
+npm run test
+```
+
+## Lint
+
+```bash
+npm run lint
+```
+
+## Pack
+
+```bash
+npm run pack-daga
+```
+
+## Publish in npmjs
+
+```bash
+npm run publish-daga
+```
+
+## Tutorial & Documentation
+
+- [Documentation, tutorial and samples](https://daga.metadev.pro/)
+
+## License
+
+(C) 2023-2024 [Metadev S.L.](https://metadev.pro) All rights reserved.
+[Dual license](LICENSE.md):
+
+1. Comercial licence for for-profit organizations.
+2. Free license for research & educational usages.
+
+![Metadev logo](https://metadev.pro/content/metadev-logo-600px.png)

package/index.d.ts

@@ -0,0 +1,16 @@
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'daga-diagram': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            'daga-diagram-editor': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            'daga-palette': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            'daga-collapse-button': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            'daga-diagram-buttons': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            'daga-property-editor': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            'daga-object-editor': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            'daga-property-settings': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            'daga-errors': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+        }
+    }
+}
+export { DagaDiagram } from './lib/diagram/DagaDiagram';