@cocreate/organizations 1.23.5 → 1.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/demo/index.html +4 -4
  3. package/demo/industries/industries.html +11 -11
  4. package/demo/industries/industry-datatable.html +24 -24
  5. package/demo/industries/industry-documents-datatable.1.html +24 -24
  6. package/docs/index.html +9 -11
  7. package/package.json +5 -5
  8. package/src/client.js +7 -8
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # [1.25.0](https://github.com/CoCreate-app/CoCreate-organizations/compare/v1.24.0...v1.25.0) (2023-11-25)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * pass attributes renamed to state ([3631a23](https://github.com/CoCreate-app/CoCreate-organizations/commit/3631a230aa0eb185c564d32972a8c2b190084fef))
7
+ * update nav, edit button and css path ([418e887](https://github.com/CoCreate-app/CoCreate-organizations/commit/418e887d62075fddc7dad5a6ed6bd7092b01600f))
8
+
9
+
10
+ ### Features
11
+
12
+ * upgrade dependencies for latest features and fixes ([c07f600](https://github.com/CoCreate-app/CoCreate-organizations/commit/c07f6009fe084333d4f3ccd7fbd3c0f794438e1a))
13
+
14
+ # [1.24.0](https://github.com/CoCreate-app/CoCreate-organizations/compare/v1.23.5...v1.24.0) (2023-11-19)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * use action.form ([1529f6b](https://github.com/CoCreate-app/CoCreate-organizations/commit/1529f6b31ad1ecdfe38b268ee9f233f7ce1558a8))
20
+
21
+
22
+ ### Features
23
+
24
+ * update dependecies for th latest features and bug fixes ([96ffad6](https://github.com/CoCreate-app/CoCreate-organizations/commit/96ffad623c9911a41cee06ff88713aa3d8ba73b6))
25
+
1
26
  ## [1.23.5](https://github.com/CoCreate-app/CoCreate-organizations/compare/v1.23.4...v1.23.5) (2023-11-12)
2
27
 
3
28
 
package/demo/index.html CHANGED
@@ -114,10 +114,10 @@
114
114
  Register
115
115
  <a
116
116
  href="index.html"
117
- pass-array="modules"
118
- pass-object=""
119
- pass-key="html"
120
- pass_to="render"></a>
117
+ state-array="modules"
118
+ state-object=""
119
+ state-key="html"
120
+ state_to="render"></a>
121
121
  </button>
122
122
  </div>
123
123
  </form>
package/demo/industries/industries.html CHANGED
@@ -56,20 +56,20 @@
56
56
  </li>
57
57
  <li class="margin-right:15px">
58
58
  <a
59
- actions="pass, openModal"
59
+ actions="state, openModal"
60
60
  modal-src="render.html"
61
- pass-array="modules"
62
- pass-object=""
63
- pass_to="builder"
61
+ state-array="modules"
62
+ state-object=""
63
+ state_to="builder"
64
64
  modal-width="100%"
65
- pass_id="render">
65
+ state_id="render">
66
66
  <i
67
67
  class="display:flex height:18px fill:#505050"
68
68
  src="/assets/svg/palette.svg"></i>
69
69
  <div
70
- pass-array="modules"
71
- pass-object=""
72
- pass_to="render"
70
+ state-array="modules"
71
+ state-object=""
72
+ state_to="render"
73
73
  class="sessionBuilderUI_Id"></div>
74
74
  </a>
75
75
  </li>
@@ -79,7 +79,7 @@
79
79
  actions="deleteDocument, closeModal"
80
80
  array="modules"
81
81
  object=""
82
- pass_id="form-fields"
82
+ state_id="form-fields"
83
83
  class="btn-modal-close">
84
84
  <i
85
85
  class="height:18px fill:#505050"
@@ -94,14 +94,14 @@
94
94
  <h3>Indusrty Creator</h3>
95
95
  <input
96
96
  object=""
97
- pass_id="form-fields"
97
+ state_id="form-fields"
98
98
  key="name"
99
99
  placeholder="Industry Name"
100
100
  class="floating-label" />
101
101
 
102
102
  <textarea
103
103
  object=""
104
- pass_id="form-fields"
104
+ state_id="form-fields"
105
105
  key="description"
106
106
  placeholder="Description"
107
107
  class="floating-label"></textarea>
package/demo/industries/industry-datatable.html CHANGED
@@ -70,55 +70,55 @@
70
70
  <td class="padding:10px">
71
71
  <div class="min-width:200px">
72
72
  <div class="icon-wrapper">
73
- <span pass_id="me1234" key="icon"></span>
73
+ <span state_id="me1234" key="icon"></span>
74
74
  </div>
75
75
  <div>
76
76
  <a
77
- actions="pass, openModal"
77
+ actions="state, openModal"
78
78
  modal-src="render.html"
79
- pass-array="module_activity"
80
- pass-object="{{object._id}}"
81
- pass_to="form-fields"
79
+ state-array="module_activity"
80
+ state-object="{{object._id}}"
81
+ state_to="form-fields"
82
82
  modal-width="320px"
83
83
  modal-color="#229954">
84
84
  <h4
85
85
  array="{{object.array}}"
86
- pass-object="{{object._id}}"
86
+ state-object="{{object._id}}"
87
87
  key="name">
88
88
  Name
89
89
  </h4>
90
90
  <div
91
- pass-array="modules"
92
- pass-object=""
93
- pass_to="render"
94
- pass_id="render"></div>
91
+ state-array="modules"
92
+ state-object=""
93
+ state_to="render"
94
+ state_id="render"></div>
95
95
  </a>
96
96
  <h5
97
97
  array="{{object.array}}"
98
- pass-object="{{object._id}}"
98
+ state-object="{{object._id}}"
99
99
  key="description"></h5>
100
100
  </div>
101
101
  </div>
102
102
  </td>
103
103
  <td class="padding:10px">
104
104
  <a
105
- actions="pass, openModal"
105
+ actions="state, openModal"
106
106
  modal-src="render.html"
107
- pass-object=""
108
- pass-array="module_activity"
109
- pass_to="form-fields"
107
+ state-object=""
108
+ state-array="module_activity"
109
+ state_to="form-fields"
110
110
  modal-width="320px"
111
111
  modal-color="#229954">
112
112
  <b
113
113
  array="{{object.array}}"
114
- pass-object="{{object._id}}"
114
+ state-object="{{object._id}}"
115
115
  key="_id"
116
116
  >Industry Id</b
117
117
  >
118
118
  <div
119
- pass-array="module_activity"
120
- pass-object=""
121
- pass_to="render"></div>
119
+ state-array="module_activity"
120
+ state-object=""
121
+ state_to="render"></div>
122
122
  </a>
123
123
  </td>
124
124
  </tr>
@@ -127,16 +127,16 @@
127
127
  </div>
128
128
 
129
129
  <button
130
- actions="pass, openModal"
130
+ actions="state, openModal"
131
131
  modal-src="render.html"
132
- pass-array="modules"
133
- pass-object=""
134
- pass_to="render"
132
+ state-array="modules"
133
+ state-object=""
134
+ state_to="render"
135
135
  modal-width="320px"
136
136
  modal-height="100%"
137
137
  modal-color="#229954"
138
138
  class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4) z-index:8"
139
- pass_id="render">
139
+ state_id="render">
140
140
  <i class="height:20px fill:#505050" src="/assets/svg/plus.svg"></i>
141
141
  </button>
142
142
 
package/demo/industries/industry-documents-datatable.1.html CHANGED
@@ -66,32 +66,32 @@
66
66
  filter-sort-key="name"
67
67
  filter-sort-direction="asc"
68
68
  render-selector="[template]"
69
- pass_to="me1234">
69
+ state_to="me1234">
70
70
  <tr
71
71
  template
72
72
  class="background:gainsboro:hover border-bottom:1px_solid_darkgray">
73
73
  <td class="padding:10px">
74
74
  <div class="min-width:200px">
75
75
  <div class="icon-wrapper">
76
- <span pass_id="me1234" key="icon"></span>
76
+ <span state_id="me1234" key="icon"></span>
77
77
  </div>
78
78
  <div>
79
79
  <a
80
- actions="pass, openModal"
80
+ actions="state, openModal"
81
81
  modal-src="render.html"
82
- pass-array="module_activity"
83
- pass-object=""
84
- pass_to="form-fields"
82
+ state-array="module_activity"
83
+ state-object=""
84
+ state_to="form-fields"
85
85
  modal-width="320px"
86
86
  modal-color="#229954">
87
- <h4 pass_id="me1234" key="name">
87
+ <h4 state_id="me1234" key="name">
88
88
  Name
89
89
  </h4>
90
90
  <div
91
- pass-array="modules"
92
- pass-object=""
93
- pass_to="render"
94
- pass_id="render"></div>
91
+ state-array="modules"
92
+ state-object=""
93
+ state_to="render"
94
+ state_id="render"></div>
95
95
  </a>
96
96
  <h5 key="description"></h5>
97
97
  </div>
@@ -99,18 +99,18 @@
99
99
  </td>
100
100
  <td class="padding:10px">
101
101
  <a
102
- actions="pass, openModal"
102
+ actions="state, openModal"
103
103
  modal-src="render.html"
104
- pass-object=""
105
- pass-array="module_activity"
106
- pass_to="form-fields"
104
+ state-object=""
105
+ state-array="module_activity"
106
+ state_to="form-fields"
107
107
  modal-width="320px"
108
108
  modal-color="#229954">
109
- <b pass_id="me1234" key="_id">Document Id</b>
109
+ <b state_id="me1234" key="_id">Document Id</b>
110
110
  <div
111
- pass-array="module_activity"
112
- pass-object=""
113
- pass_to="render"></div>
111
+ state-array="module_activity"
112
+ state-object=""
113
+ state_to="render"></div>
114
114
  </a>
115
115
  </td>
116
116
  </tr>
@@ -119,16 +119,16 @@
119
119
  </div>
120
120
 
121
121
  <button
122
- actions="pass, openModal"
122
+ actions="state, openModal"
123
123
  modal-src="render.html"
124
- pass-array="modules"
125
- pass-object=""
126
- pass_to="render"
124
+ state-array="modules"
125
+ state-object=""
126
+ state_to="render"
127
127
  modal-width="320px"
128
128
  modal-height="100%"
129
129
  modal-color="#229954"
130
130
  class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4) z-index:8"
131
- pass_id="render">
131
+ state_id="render">
132
132
  <i class="height:20px fill:#505050" src="/assets/svg/plus.svg"></i>
133
133
  </button>
134
134
 
package/docs/index.html CHANGED
@@ -36,15 +36,15 @@
36
36
  <link rel="manifest" href="/manifest.webmanifest" />
37
37
  </head>
38
38
  <body>
39
+ <!-- Navbar -->
39
40
  <nav
40
- class="nav display:flex align-items:center left:0px background:whitesmoke padding-top:10px padding-bottom:10px"
41
+ class="width:100% display:flex align-items:center background:transparent padding-top:10px padding-bottom:10px"
41
42
  content_id="content"
42
- scroll="sticky-nav,hide-nav"
43
- scroll-up="10"
44
- scroll-down="10"
45
- array="files"
46
- object="60395ef42b3ac232657040fd"
47
- key="src"></nav>
43
+ scroll="sticky-nav,"
44
+ scroll-up="5"
45
+ scroll-down="5"
46
+ path="../"
47
+ src="../components/navbar.html"></nav>
48
48
  <sidenav
49
49
  id="menuL"
50
50
  class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
@@ -344,10 +344,8 @@
344
344
  <button
345
345
  href="https://github.com/CoCreate-app/CoCreate-organizations/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..."
346
346
  target="_blank"
347
- class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
348
- <i
349
- class="height:20px fill:#505050"
350
- src="/assets/svg/pencil-alt.svg"></i>
347
+ class="display:flex justify-content:center align-items:center position:fixed bottom:15px right:15px height:50px width:50px border-radius:50% box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
348
+ <i class="height:20px" src="../assets/svg/pencil-alt.svg"></i>
351
349
  </button>
352
350
  </main>
353
351
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/organizations",
3
- "version": "1.23.5",
3
+ "version": "1.25.0",
4
4
  "description": "A simple organizations component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
5
5
  "keywords": [
6
6
  "organizations",
@@ -58,9 +58,9 @@
58
58
  "webpack-log": "^3.0.1"
59
59
  },
60
60
  "dependencies": {
61
- "@cocreate/actions": "^1.12.3",
62
- "@cocreate/config": "^1.6.8",
63
- "@cocreate/crud-client": "^1.28.14",
64
- "@cocreate/elements": "^1.26.1"
61
+ "@cocreate/actions": "^1.13.0",
62
+ "@cocreate/config": "^1.7.0",
63
+ "@cocreate/crud-client": "^1.30.0",
64
+ "@cocreate/elements": "^1.27.1"
65
65
  }
66
66
  }
package/src/client.js CHANGED
@@ -188,12 +188,11 @@ async function createOrganization() {
188
188
  return organizationPromise || (organizationPromise = createOrganizationPromise());
189
189
  }
190
190
 
191
- async function create(btn) {
192
- let formEl = btn.closest("form");
193
- if (!formEl) return;
191
+ async function create(form) {
192
+ if (!form) return;
194
193
 
195
- let organization = Elements.getData(formEl, 'organizations')
196
- let user = Elements.getData(formEl, 'users')
194
+ let organization = Elements.getData(form, 'organizations')
195
+ let user = Elements.getData(form, 'users')
197
196
 
198
197
  if (!organization || !organization.object)
199
198
  return
@@ -206,8 +205,8 @@ async function create(btn) {
206
205
  return
207
206
  }
208
207
 
209
- Elements.setTypeValue(formEl, organization)
210
- Elements.setTypeValue(formEl, user)
208
+ Elements.setTypeValue(form, organization)
209
+ Elements.setTypeValue(form, user)
211
210
 
212
211
  organization = organization.object[0]
213
212
  user = user.object[0]
@@ -236,7 +235,7 @@ Action.init({
236
235
  name: "createOrganization",
237
236
  endEvent: "createdOrganization",
238
237
  callback: (action) => {
239
- create(action.element);
238
+ create(action.form);
240
239
  }
241
240
  });
242
241