@operato/property-panel 9.2.7 → 10.0.0-beta.10

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 (86) hide show
  1. package/CHANGELOG.md +53 -6
  2. package/dist/src/index.d.ts +1 -0
  3. package/dist/src/index.js +1 -0
  4. package/dist/src/index.js.map +1 -1
  5. package/dist/src/ox-property-panel.d.ts +8 -0
  6. package/dist/src/ox-property-panel.js +46 -18
  7. package/dist/src/ox-property-panel.js.map +1 -1
  8. package/dist/src/property-panel/abstract-property.js +1 -0
  9. package/dist/src/property-panel/abstract-property.js.map +1 -1
  10. package/dist/src/property-panel/data-binding/data-binding-mapper.js +1 -1
  11. package/dist/src/property-panel/data-binding/data-binding-mapper.js.map +1 -1
  12. package/dist/src/property-panel/data-binding/data-binding.js.map +1 -1
  13. package/dist/src/property-panel/effects/property-animation.js +1 -1
  14. package/dist/src/property-panel/effects/property-animation.js.map +1 -1
  15. package/dist/src/property-panel/effects/property-event-hover.js +3 -3
  16. package/dist/src/property-panel/effects/property-event-hover.js.map +1 -1
  17. package/dist/src/property-panel/effects/property-event-tap.js +4 -4
  18. package/dist/src/property-panel/effects/property-event-tap.js.map +1 -1
  19. package/dist/src/property-panel/inspector/inspector.js +6 -6
  20. package/dist/src/property-panel/inspector/inspector.js.map +1 -1
  21. package/dist/src/property-panel/shapes/shapes.d.ts +0 -2
  22. package/dist/src/property-panel/shapes/shapes.js +5 -44
  23. package/dist/src/property-panel/shapes/shapes.js.map +1 -1
  24. package/dist/src/property-panel/specifics/specifics.js +1 -1
  25. package/dist/src/property-panel/specifics/specifics.js.map +1 -1
  26. package/dist/src/property-panel/styles/styles.js +2 -0
  27. package/dist/src/property-panel/styles/styles.js.map +1 -1
  28. package/dist/src/property-panel/threed/property-material3d.d.ts +27 -0
  29. package/dist/src/property-panel/threed/property-material3d.js +189 -0
  30. package/dist/src/property-panel/threed/property-material3d.js.map +1 -0
  31. package/dist/src/property-panel/threed/property-scene3d.d.ts +32 -0
  32. package/dist/src/property-panel/threed/property-scene3d.js +422 -0
  33. package/dist/src/property-panel/threed/property-scene3d.js.map +1 -0
  34. package/dist/src/property-panel/threed/threed.d.ts +17 -0
  35. package/dist/src/property-panel/threed/threed.js +98 -0
  36. package/dist/src/property-panel/threed/threed.js.map +1 -0
  37. package/dist/src/types.d.ts +1 -1
  38. package/dist/src/types.js.map +1 -1
  39. package/dist/tsconfig.tsbuildinfo +1 -1
  40. package/package.json +13 -9
  41. package/translations/en.json +2 -0
  42. package/translations/ja.json +2 -0
  43. package/translations/ko.json +2 -0
  44. package/translations/ms.json +3 -1
  45. package/translations/zh.json +2 -0
  46. package/.editorconfig +0 -29
  47. package/.storybook/main.js +0 -5
  48. package/.storybook/preview.js +0 -52
  49. package/.storybook/server.mjs +0 -8
  50. package/demo/index.html +0 -30
  51. package/dist/stories/index.stories.d.ts +0 -22
  52. package/dist/stories/index.stories.js +0 -121
  53. package/dist/stories/index.stories.js.map +0 -1
  54. package/src/graphql/board.ts +0 -144
  55. package/src/graphql/data-subscription.ts +0 -30
  56. package/src/graphql/favorite-board.ts +0 -25
  57. package/src/graphql/group.ts +0 -138
  58. package/src/graphql/index.ts +0 -4
  59. package/src/graphql/play-group.ts +0 -225
  60. package/src/graphql/scenario.ts +0 -79
  61. package/src/index.ts +0 -8
  62. package/src/ox-property-panel.ts +0 -347
  63. package/src/property-panel/abstract-property.ts +0 -65
  64. package/src/property-panel/data-binding/data-binding-mapper.ts +0 -408
  65. package/src/property-panel/data-binding/data-binding-value-map.ts +0 -19
  66. package/src/property-panel/data-binding/data-binding-value-range.ts +0 -19
  67. package/src/property-panel/data-binding/data-binding.ts +0 -470
  68. package/src/property-panel/effects/effects.ts +0 -77
  69. package/src/property-panel/effects/property-animation.ts +0 -155
  70. package/src/property-panel/effects/property-animations.ts +0 -73
  71. package/src/property-panel/effects/property-event-hover-emphasize.ts +0 -74
  72. package/src/property-panel/effects/property-event-hover.ts +0 -255
  73. package/src/property-panel/effects/property-event-tap.ts +0 -269
  74. package/src/property-panel/effects/property-event.ts +0 -73
  75. package/src/property-panel/effects/property-shadow.ts +0 -77
  76. package/src/property-panel/effects/value-converter.ts +0 -17
  77. package/src/property-panel/inspector/inspector.ts +0 -376
  78. package/src/property-panel/shapes/shapes.ts +0 -379
  79. package/src/property-panel/specifics/specific-properties-builder.ts +0 -160
  80. package/src/property-panel/specifics/specifics.ts +0 -81
  81. package/src/property-panel/styles/styles.ts +0 -285
  82. package/src/types.ts +0 -63
  83. package/stories/index.stories.ts +0 -134
  84. package/tsconfig.json +0 -26
  85. package/web-dev-server.config.mjs +0 -27
  86. package/web-test-runner.config.mjs +0 -41
@@ -1,138 +0,0 @@
1
- import { BoardGroup } from '../types.js'
2
- import { client } from '@operato/graphql'
3
- import gql from 'graphql-tag'
4
-
5
- export async function fetchGroup(id: string) {
6
- const response = await client.query({
7
- query: gql`
8
- query FetchGroupById($id: String!) {
9
- group(id: $id) {
10
- id
11
- name
12
- description
13
- createdAt
14
- creator {
15
- id
16
- name
17
- }
18
- updatedAt
19
- updater {
20
- id
21
- name
22
- }
23
- }
24
- }
25
- `,
26
- variables: { id }
27
- })
28
-
29
- return response.data
30
- }
31
-
32
- export async function updateGroup(group: BoardGroup) {
33
- var { id, name, description } = group
34
-
35
- const response = await client.mutate({
36
- mutation: gql`
37
- mutation UpdateGroup($id: String!, $patch: GroupPatch!) {
38
- updateGroup(id: $id, patch: $patch) {
39
- id
40
- name
41
- description
42
- createdAt
43
- updatedAt
44
- }
45
- }
46
- `,
47
- variables: {
48
- id,
49
- patch: { name, description }
50
- }
51
- })
52
-
53
- return response.data
54
- }
55
-
56
- export async function deleteGroup(id: string) {
57
- const response = await client.mutate({
58
- mutation: gql`
59
- mutation ($id: String!) {
60
- deleteGroup(id: $id)
61
- }
62
- `,
63
- variables: {
64
- id
65
- }
66
- })
67
-
68
- return response.data
69
- }
70
-
71
- export async function fetchGroupList() {
72
- const response = await client.query({
73
- query: gql`
74
- {
75
- groups {
76
- items {
77
- id
78
- name
79
- description
80
- createdAt
81
- updatedAt
82
- }
83
- total
84
- }
85
- }
86
- `
87
- })
88
-
89
- return response.data
90
- }
91
-
92
- export async function createGroup(group: BoardGroup) {
93
- const response = await client.mutate({
94
- mutation: gql`
95
- mutation CreateGroup($group: NewGroup!) {
96
- createGroup(group: $group) {
97
- id
98
- name
99
- description
100
- createdAt
101
- updatedAt
102
- }
103
- }
104
- `,
105
- variables: { group }
106
- })
107
-
108
- return response.data
109
- }
110
-
111
- export async function joinGroup(boardId: string, groupId: string) {
112
- const response = await client.mutate({
113
- mutation: gql`
114
- mutation JoinGroup($id: String!, $boardIds: [String!]!) {
115
- joinGroup(id: $id, boardIds: $boardIds) {
116
- id
117
- name
118
- description
119
- boards {
120
- id
121
- name
122
- description
123
- createdAt
124
- updatedAt
125
- }
126
- createdAt
127
- updatedAt
128
- }
129
- }
130
- `,
131
- variables: {
132
- id: groupId,
133
- boardIds: [boardId]
134
- }
135
- })
136
-
137
- return response.data
138
- }
@@ -1,4 +0,0 @@
1
- export * from './board.js'
2
- export * from './group.js'
3
- export * from './play-group.js'
4
- export * from './favorite-board.js'
@@ -1,225 +0,0 @@
1
- import { PlayGroup } from '../types.js'
2
- import { client } from '@operato/graphql'
3
- import gql from 'graphql-tag'
4
-
5
- export async function playlists(): Promise<{ name: string; description: string }[]> {
6
- const response = await client.query({
7
- query: gql`
8
- {
9
- playGroups {
10
- items {
11
- id
12
- name
13
- description
14
- }
15
- total
16
- }
17
- }
18
- `
19
- })
20
-
21
- return response.data.playGroups.items
22
- }
23
-
24
- export async function fetchPlayGroupList() {
25
- const response = await client.query({
26
- query: gql`
27
- {
28
- playGroups {
29
- items {
30
- id
31
- name
32
- description
33
- }
34
- total
35
- }
36
- }
37
- `
38
- })
39
-
40
- return response.data
41
- }
42
-
43
- export async function fetchPlayGroup(groupId: string) {
44
- const response = await client.query({
45
- query: gql`
46
- query FetchPlayGroup($id: String!) {
47
- playGroup(id: $id) {
48
- id
49
- name
50
- description
51
- boards {
52
- id
53
- name
54
- description
55
- model
56
- thumbnail
57
- createdAt
58
- creator {
59
- id
60
- name
61
- }
62
- updatedAt
63
- updater {
64
- id
65
- name
66
- }
67
- }
68
- createdAt
69
- creator {
70
- id
71
- name
72
- }
73
- updatedAt
74
- updater {
75
- id
76
- name
77
- }
78
- }
79
- }
80
- `,
81
- variables: {
82
- id: groupId
83
- }
84
- })
85
-
86
- return response.data
87
- }
88
-
89
- export async function fetchPlayGroupByName(name: string) {
90
- const response = await client.query({
91
- query: gql`
92
- query FetchPlayGroupByName($name: String!) {
93
- playGroupByName(name: $name) {
94
- id
95
- }
96
- }
97
- `,
98
- variables: {
99
- name
100
- }
101
- })
102
-
103
- return response.data.playGroupByName
104
- }
105
-
106
- export async function createPlayGroup(group: PlayGroup) {
107
- var { name, description } = group
108
-
109
- const response = await client.mutate({
110
- mutation: gql`
111
- mutation CreatePlayGroup($playGroup: NewPlayGroup!) {
112
- createPlayGroup(playGroup: $playGroup) {
113
- id
114
- name
115
- description
116
- createdAt
117
- updatedAt
118
- }
119
- }
120
- `,
121
- variables: {
122
- playGroup: { name, description }
123
- }
124
- })
125
-
126
- return response.data
127
- }
128
-
129
- export async function updatePlayGroup(group: PlayGroup) {
130
- var { id, name, description } = group
131
-
132
- const response = await client.mutate({
133
- mutation: gql`
134
- mutation UpdatePlayGroup($id: String!, $patch: PlayGroupPatch!) {
135
- updatePlayGroup(id: $id, patch: $patch) {
136
- id
137
- name
138
- description
139
- createdAt
140
- updatedAt
141
- }
142
- }
143
- `,
144
- variables: {
145
- id,
146
- patch: { name, description }
147
- }
148
- })
149
-
150
- return response.data
151
- }
152
-
153
- export async function deletePlayGroup(id: string) {
154
- const response = await client.mutate({
155
- mutation: gql`
156
- mutation ($id: String!) {
157
- deletePlayGroup(id: $id)
158
- }
159
- `,
160
- variables: {
161
- id
162
- }
163
- })
164
- return response.data
165
- }
166
-
167
- export async function joinPlayGroup(boardId: string, group: PlayGroup) {
168
- var { id, name, description } = group
169
-
170
- const response = await client.mutate({
171
- mutation: gql`
172
- mutation JoinPlayGroup($id: String!, $boardIds: [String!]!) {
173
- joinPlayGroup(id: $id, boardIds: $boardIds) {
174
- id
175
- name
176
- description
177
- boards {
178
- id
179
- name
180
- description
181
- createdAt
182
- updatedAt
183
- }
184
- createdAt
185
- updatedAt
186
- }
187
- }
188
- `,
189
- variables: {
190
- id,
191
- boardIds: [boardId]
192
- }
193
- })
194
-
195
- return response.data
196
- }
197
-
198
- export async function leavePlayGroup(boardId: string, groupId: string) {
199
- const response = await client.mutate({
200
- mutation: gql`
201
- mutation ($id: String!, $boardIds: [String]!) {
202
- leavePlayGroup(id: $id, boardIds: $boardIds) {
203
- id
204
- name
205
- description
206
- boards {
207
- id
208
- name
209
- description
210
- createdAt
211
- updatedAt
212
- }
213
- createdAt
214
- updatedAt
215
- }
216
- }
217
- `,
218
- variables: {
219
- id: groupId,
220
- boardIds: [boardId]
221
- }
222
- })
223
-
224
- return response.data
225
- }
@@ -1,79 +0,0 @@
1
- import gql from 'graphql-tag'
2
-
3
- import { client } from '@operato/graphql'
4
-
5
- export const scenarios = async (): Promise<{ name: string; description: string }[]> => {
6
- var response = await client.query({
7
- query: gql`
8
- query {
9
- scenarios {
10
- items {
11
- name
12
- description
13
- }
14
- }
15
- }
16
- `
17
- })
18
-
19
- if (response.errors) {
20
- return []
21
- }
22
-
23
- return response.data.scenarios.items
24
- }
25
-
26
- export const startScenario = async (
27
- scenarioName: string,
28
- instanceName: string,
29
- variables: string | number | object
30
- ) => {
31
- if (!scenarioName) {
32
- return
33
- }
34
-
35
- if (client) {
36
- var response = await client.query({
37
- query: gql`
38
- mutation ($instanceName: String, $scenarioName: String!, $variables: Object) {
39
- startScenario(instanceName: $instanceName, scenarioName: $scenarioName, variables: $variables) {
40
- state
41
- message
42
- data
43
- }
44
- }
45
- `,
46
- variables: {
47
- instanceName: instanceName,
48
- scenarioName: scenarioName,
49
- variables
50
- }
51
- })
52
-
53
- return response?.data?.startScenario?.data
54
- }
55
- }
56
-
57
- export const runScenario = async (scenarioName: string, variables: string | number | object) => {
58
- if (!scenarioName) return
59
-
60
- if (client) {
61
- var response = await client.query({
62
- query: gql`
63
- mutation ($scenarioName: String!, $variables: Object) {
64
- runScenario(scenarioName: $scenarioName, variables: $variables) {
65
- state
66
- message
67
- data
68
- }
69
- }
70
- `,
71
- variables: {
72
- scenarioName: scenarioName,
73
- variables
74
- }
75
- })
76
-
77
- return response?.data?.runScenario?.data
78
- }
79
- }
package/src/index.ts DELETED
@@ -1,8 +0,0 @@
1
- export { OxPropertyPanel } from './ox-property-panel.js'
2
-
3
- export * from './property-panel/data-binding/data-binding.js'
4
- export * from './property-panel/effects/effects.js'
5
- export * from './property-panel/inspector/inspector.js'
6
- export * from './property-panel/shapes/shapes.js'
7
- export * from './property-panel/specifics/specifics.js'
8
- export * from './property-panel/styles/styles.js'