@ai12z/react 2.0.3-alpha.2 → 2.0.3
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.
- package/README.md +2 -0
- package/dist/build/assets/lang/ar.json +9 -0
- package/dist/build/assets/lang/de.json +9 -0
- package/dist/build/assets/lang/en.json +9 -0
- package/dist/build/assets/lang/es.json +9 -0
- package/dist/build/assets/lang/fa.json +9 -0
- package/dist/build/assets/lang/fr.json +9 -0
- package/dist/build/assets/lang/hi.json +9 -0
- package/dist/build/assets/lang/it.json +9 -0
- package/dist/build/assets/lang/ja.json +9 -0
- package/dist/build/assets/lang/ko.json +9 -0
- package/dist/build/assets/lang/nl.json +9 -0
- package/dist/build/assets/lang/pl.json +9 -0
- package/dist/build/assets/lang/pt.json +9 -0
- package/dist/build/assets/lang/ro.json +9 -0
- package/dist/build/assets/lang/sv.json +9 -0
- package/dist/build/assets/lang/th.json +9 -0
- package/dist/build/assets/lang/tr.json +9 -0
- package/dist/build/assets/lang/uk.json +9 -0
- package/dist/build/assets/lang/vi.json +9 -0
- package/dist/build/assets/lang/zh.json +9 -0
- package/dist/components/stencil-generated/index.js +14 -0
- package/dist/components/stencil-generated/index.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/attachProps.js +92 -0
- package/dist/components/stencil-generated/react-component-lib/attachProps.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/case.js +7 -0
- package/dist/components/stencil-generated/react-component-lib/case.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/createComponent.js +65 -0
- package/dist/components/stencil-generated/react-component-lib/createComponent.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/createOverlayComponent.js +98 -0
- package/dist/components/stencil-generated/react-component-lib/createOverlayComponent.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/dev.js +13 -0
- package/dist/components/stencil-generated/react-component-lib/dev.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/index.js +3 -0
- package/dist/components/stencil-generated/react-component-lib/index.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/interfaces.js +2 -0
- package/dist/components/stencil-generated/react-component-lib/interfaces.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/utils/attachProps.js +92 -0
- package/dist/components/stencil-generated/react-component-lib/utils/attachProps.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/utils/case.js +7 -0
- package/dist/components/stencil-generated/react-component-lib/utils/case.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/utils/dev.js +13 -0
- package/dist/components/stencil-generated/react-component-lib/utils/dev.js.map +1 -0
- package/dist/components/stencil-generated/react-component-lib/utils/index.js +31 -0
- package/dist/components/stencil-generated/react-component-lib/utils/index.js.map +1 -0
- package/dist/index.js +31 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/components/stencil-generated/react-component-lib/attachProps.js +92 -0
- package/dist/lib/components/stencil-generated/react-component-lib/attachProps.js.map +1 -0
- package/dist/lib/components/stencil-generated/react-component-lib/case.js +7 -0
- package/dist/lib/components/stencil-generated/react-component-lib/case.js.map +1 -0
- package/dist/lib/components/stencil-generated/react-component-lib/dev.js +13 -0
- package/dist/lib/components/stencil-generated/react-component-lib/dev.js.map +1 -0
- package/dist/lib/index.js.map +1 -1
- package/dist/package.json +2 -2
- package/dist/types/components/stencil-generated/index.d.ts +12 -0
- package/dist/types/components/stencil-generated/react-component-lib/attachProps.d.ts +9 -0
- package/dist/types/components/stencil-generated/react-component-lib/case.d.ts +2 -0
- package/dist/types/components/stencil-generated/react-component-lib/createComponent.d.ts +10 -0
- package/dist/types/components/stencil-generated/react-component-lib/createOverlayComponent.d.ts +21 -0
- package/dist/types/components/stencil-generated/react-component-lib/dev.d.ts +2 -0
- package/dist/types/components/stencil-generated/react-component-lib/index.d.ts +2 -0
- package/dist/types/components/stencil-generated/react-component-lib/interfaces.d.ts +29 -0
- package/dist/types/components/stencil-generated/react-component-lib/utils/attachProps.d.ts +9 -0
- package/dist/types/components/stencil-generated/react-component-lib/utils/case.d.ts +2 -0
- package/dist/types/components/stencil-generated/react-component-lib/utils/dev.d.ts +2 -0
- package/dist/types/components/stencil-generated/react-component-lib/utils/index.d.ts +10 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/lib/components/stencil-generated/react-component-lib/attachProps.d.ts +9 -0
- package/dist/types/lib/components/stencil-generated/react-component-lib/case.d.ts +2 -0
- package/dist/types/lib/components/stencil-generated/react-component-lib/dev.d.ts +2 -0
- package/lib/components/stencil-generated/react-component-lib/attachProps.ts +125 -0
- package/lib/components/stencil-generated/react-component-lib/case.ts +7 -0
- package/lib/components/stencil-generated/react-component-lib/dev.ts +14 -0
- package/lib/components/stencil-generated/react-component-lib/index.tsx +50 -0
- package/lib/index.ts +0 -1
- package/package.json +3 -3
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { camelToDashCase } from './case';
|
|
2
|
+
export const attachProps = (node, newProps, oldProps = {}) => {
|
|
3
|
+
if (node instanceof Element) {
|
|
4
|
+
const className = getClassName(node.classList, newProps, oldProps);
|
|
5
|
+
if (className !== '') {
|
|
6
|
+
node.className = className;
|
|
7
|
+
}
|
|
8
|
+
Object.keys(newProps).forEach((name) => {
|
|
9
|
+
if (name === 'children' ||
|
|
10
|
+
name === 'style' ||
|
|
11
|
+
name === 'ref' ||
|
|
12
|
+
name === 'class' ||
|
|
13
|
+
name === 'className' ||
|
|
14
|
+
name === 'forwardedRef') {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
18
|
+
const eventName = name.substring(2);
|
|
19
|
+
const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
|
|
20
|
+
if (!isCoveredByReact(eventNameLc)) {
|
|
21
|
+
syncEvent(node, eventNameLc, newProps[name]);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
node[name] = newProps[name];
|
|
26
|
+
const propType = typeof newProps[name];
|
|
27
|
+
if (propType === 'string') {
|
|
28
|
+
node.setAttribute(camelToDashCase(name), newProps[name]);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
export const getClassName = (classList, newProps, oldProps) => {
|
|
35
|
+
const newClassProp = newProps.className || newProps.class;
|
|
36
|
+
const oldClassProp = oldProps.className || oldProps.class;
|
|
37
|
+
const currentClasses = arrayToMap(classList);
|
|
38
|
+
const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
|
|
39
|
+
const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
|
|
40
|
+
const finalClassNames = [];
|
|
41
|
+
currentClasses.forEach((currentClass) => {
|
|
42
|
+
if (incomingPropClasses.has(currentClass)) {
|
|
43
|
+
finalClassNames.push(currentClass);
|
|
44
|
+
incomingPropClasses.delete(currentClass);
|
|
45
|
+
}
|
|
46
|
+
else if (!oldPropClasses.has(currentClass)) {
|
|
47
|
+
finalClassNames.push(currentClass);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
incomingPropClasses.forEach((s) => finalClassNames.push(s));
|
|
51
|
+
return finalClassNames.join(' ');
|
|
52
|
+
};
|
|
53
|
+
export const transformReactEventName = (eventNameSuffix) => {
|
|
54
|
+
switch (eventNameSuffix) {
|
|
55
|
+
case 'doubleclick':
|
|
56
|
+
return 'dblclick';
|
|
57
|
+
}
|
|
58
|
+
return eventNameSuffix;
|
|
59
|
+
};
|
|
60
|
+
export const isCoveredByReact = (eventNameSuffix) => {
|
|
61
|
+
if (typeof document === 'undefined') {
|
|
62
|
+
return true;
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
const eventName = 'on' + transformReactEventName(eventNameSuffix);
|
|
66
|
+
let isSupported = eventName in document;
|
|
67
|
+
if (!isSupported) {
|
|
68
|
+
const element = document.createElement('div');
|
|
69
|
+
element.setAttribute(eventName, 'return;');
|
|
70
|
+
isSupported = typeof element[eventName] === 'function';
|
|
71
|
+
}
|
|
72
|
+
return isSupported;
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
export const syncEvent = (node, eventName, newEventHandler) => {
|
|
76
|
+
const eventStore = node.__events || (node.__events = {});
|
|
77
|
+
const oldEventHandler = eventStore[eventName];
|
|
78
|
+
if (oldEventHandler) {
|
|
79
|
+
node.removeEventListener(eventName, oldEventHandler);
|
|
80
|
+
}
|
|
81
|
+
node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
|
|
82
|
+
if (newEventHandler) {
|
|
83
|
+
newEventHandler.call(this, e);
|
|
84
|
+
}
|
|
85
|
+
}));
|
|
86
|
+
};
|
|
87
|
+
const arrayToMap = (arr) => {
|
|
88
|
+
const map = new Map();
|
|
89
|
+
arr.forEach((s) => map.set(s, s));
|
|
90
|
+
return map;
|
|
91
|
+
};
|
|
92
|
+
//# sourceMappingURL=attachProps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attachProps.js","sourceRoot":"","sources":["../../../../../lib/components/stencil-generated/react-component-lib/utils/attachProps.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export const dashToPascalCase = (str) => str
|
|
2
|
+
.toLowerCase()
|
|
3
|
+
.split('-')
|
|
4
|
+
.map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
|
|
5
|
+
.join('');
|
|
6
|
+
export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
|
|
7
|
+
//# sourceMappingURL=case.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"case.js","sourceRoot":"","sources":["../../../../../lib/components/stencil-generated/react-component-lib/utils/case.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,EAAE,CAC9C,GAAG;KACA,WAAW,EAAE;KACb,KAAK,CAAC,GAAG,CAAC;KACV,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACpE,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export const isDevMode = () => {
|
|
2
|
+
return process && process.env && process.env.NODE_ENV === 'development';
|
|
3
|
+
};
|
|
4
|
+
const warnings = {};
|
|
5
|
+
export const deprecationWarning = (key, message) => {
|
|
6
|
+
if (isDevMode()) {
|
|
7
|
+
if (!warnings[key]) {
|
|
8
|
+
console.warn(message);
|
|
9
|
+
warnings[key] = true;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=dev.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dev.js","sourceRoot":"","sources":["../../../../../lib/components/stencil-generated/react-component-lib/utils/dev.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,OAAO,IAAI,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC;AAC1E,CAAC,CAAC;AAEF,MAAM,QAAQ,GAA+B,EAAE,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAE,OAAe,EAAE,EAAE;IACjE,IAAI,SAAS,EAAE,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;QACvB,CAAC;IACH,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export const setRef = (ref, value) => {
|
|
3
|
+
if (typeof ref === 'function') {
|
|
4
|
+
ref(value);
|
|
5
|
+
}
|
|
6
|
+
else if (ref != null) {
|
|
7
|
+
ref.current = value;
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
export const mergeRefs = (...refs) => {
|
|
11
|
+
return (value) => {
|
|
12
|
+
refs.forEach((ref) => {
|
|
13
|
+
setRef(ref, value);
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export const createForwardRef = (ReactComponent, displayName) => {
|
|
18
|
+
const forwardRef = (props, ref) => {
|
|
19
|
+
return React.createElement(ReactComponent, Object.assign({}, props, { forwardedRef: ref }));
|
|
20
|
+
};
|
|
21
|
+
forwardRef.displayName = displayName;
|
|
22
|
+
return React.forwardRef(forwardRef);
|
|
23
|
+
};
|
|
24
|
+
export const defineCustomElement = (tagName, customElement) => {
|
|
25
|
+
if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
|
|
26
|
+
customElements.define(tagName, customElement);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
export * from './attachProps';
|
|
30
|
+
export * from './case';
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../lib/components/stencil-generated/react-component-lib/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,EAAE,EAAE;IACpG,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QAEtB,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAC;IACvD,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,GAAG,IAAoE,EAC/C,EAAE;IAC1B,OAAO,CAAC,KAAU,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAwB,cAAmB,EAAE,WAAmB,EAAE,EAAE;IAClG,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA0C,EAC1C,EAAE;QACF,OAAO,oBAAC,cAAc,oBAAK,KAAK,IAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC1D,CAAC,CAAC;IACF,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IAErC,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,EAAE,EAAE;IACzE,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACzG,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAChD,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
import { Ai12zBot } from "./components/stencil-generated";
|
|
11
|
+
function fetchPackageJson() {
|
|
12
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
13
|
+
try {
|
|
14
|
+
const response = yield fetch("https://unpkg.com/@ai12z/react/package.json");
|
|
15
|
+
const data = yield response.json();
|
|
16
|
+
console.log("Fetched package.json:", data);
|
|
17
|
+
const version = data.version;
|
|
18
|
+
Ai12zBot.defaultProps = {
|
|
19
|
+
assetPath: `https://unpkg.com/@ai12z/react-${version}/dist/build/assets`,
|
|
20
|
+
};
|
|
21
|
+
console.log(`Package version: ${version}`);
|
|
22
|
+
}
|
|
23
|
+
catch (error) {
|
|
24
|
+
console.error("Error fetching package.json:", error);
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
fetchPackageJson();
|
|
29
|
+
export * from "./components/stencil-generated";
|
|
30
|
+
export { defineCustomElements } from "ai12z/loader";
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAEzD,SAAe,gBAAgB;;QAC7B,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,6CAA6C,CAAC,CAAA;YAC3E,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;YAElC,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAA;YAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;YAC5B,QAAQ,CAAC,YAAY,GAAG;gBACtB,SAAS,EAAE,kCAAkC,OAAO,oBAAoB;aACzE,CAAA;YACD,OAAO,CAAC,GAAG,CAAC,oBAAoB,OAAO,EAAE,CAAC,CAAA;QAC5C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAA;QACtD,CAAC;IACH,CAAC;CAAA;AAGD,gBAAgB,EAAE,CAAA;AAClB,cAAc,gCAAgC,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { camelToDashCase } from './case';
|
|
2
|
+
export const attachProps = (node, newProps, oldProps = {}) => {
|
|
3
|
+
if (node instanceof Element) {
|
|
4
|
+
const className = getClassName(node.classList, newProps, oldProps);
|
|
5
|
+
if (className !== '') {
|
|
6
|
+
node.className = className;
|
|
7
|
+
}
|
|
8
|
+
Object.keys(newProps).forEach((name) => {
|
|
9
|
+
if (name === 'children' ||
|
|
10
|
+
name === 'style' ||
|
|
11
|
+
name === 'ref' ||
|
|
12
|
+
name === 'class' ||
|
|
13
|
+
name === 'className' ||
|
|
14
|
+
name === 'forwardedRef') {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
18
|
+
const eventName = name.substring(2);
|
|
19
|
+
const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
|
|
20
|
+
if (!isCoveredByReact(eventNameLc)) {
|
|
21
|
+
syncEvent(node, eventNameLc, newProps[name]);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
node[name] = newProps[name];
|
|
26
|
+
const propType = typeof newProps[name];
|
|
27
|
+
if (propType === 'string') {
|
|
28
|
+
node.setAttribute(camelToDashCase(name), newProps[name]);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
export const getClassName = (classList, newProps, oldProps) => {
|
|
35
|
+
const newClassProp = newProps.className || newProps.class;
|
|
36
|
+
const oldClassProp = oldProps.className || oldProps.class;
|
|
37
|
+
const currentClasses = arrayToMap(classList);
|
|
38
|
+
const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
|
|
39
|
+
const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
|
|
40
|
+
const finalClassNames = [];
|
|
41
|
+
currentClasses.forEach((currentClass) => {
|
|
42
|
+
if (incomingPropClasses.has(currentClass)) {
|
|
43
|
+
finalClassNames.push(currentClass);
|
|
44
|
+
incomingPropClasses.delete(currentClass);
|
|
45
|
+
}
|
|
46
|
+
else if (!oldPropClasses.has(currentClass)) {
|
|
47
|
+
finalClassNames.push(currentClass);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
incomingPropClasses.forEach((s) => finalClassNames.push(s));
|
|
51
|
+
return finalClassNames.join(' ');
|
|
52
|
+
};
|
|
53
|
+
export const transformReactEventName = (eventNameSuffix) => {
|
|
54
|
+
switch (eventNameSuffix) {
|
|
55
|
+
case 'doubleclick':
|
|
56
|
+
return 'dblclick';
|
|
57
|
+
}
|
|
58
|
+
return eventNameSuffix;
|
|
59
|
+
};
|
|
60
|
+
export const isCoveredByReact = (eventNameSuffix) => {
|
|
61
|
+
if (typeof document === 'undefined') {
|
|
62
|
+
return true;
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
const eventName = 'on' + transformReactEventName(eventNameSuffix);
|
|
66
|
+
let isSupported = eventName in document;
|
|
67
|
+
if (!isSupported) {
|
|
68
|
+
const element = document.createElement('div');
|
|
69
|
+
element.setAttribute(eventName, 'return;');
|
|
70
|
+
isSupported = typeof element[eventName] === 'function';
|
|
71
|
+
}
|
|
72
|
+
return isSupported;
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
export const syncEvent = (node, eventName, newEventHandler) => {
|
|
76
|
+
const eventStore = node.__events || (node.__events = {});
|
|
77
|
+
const oldEventHandler = eventStore[eventName];
|
|
78
|
+
if (oldEventHandler) {
|
|
79
|
+
node.removeEventListener(eventName, oldEventHandler);
|
|
80
|
+
}
|
|
81
|
+
node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
|
|
82
|
+
if (newEventHandler) {
|
|
83
|
+
newEventHandler.call(this, e);
|
|
84
|
+
}
|
|
85
|
+
}));
|
|
86
|
+
};
|
|
87
|
+
const arrayToMap = (arr) => {
|
|
88
|
+
const map = new Map();
|
|
89
|
+
arr.forEach((s) => map.set(s, s));
|
|
90
|
+
return map;
|
|
91
|
+
};
|
|
92
|
+
//# sourceMappingURL=attachProps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attachProps.js","sourceRoot":"","sources":["../../../../../lib/components/stencil-generated/react-component-lib/attachProps.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export const dashToPascalCase = (str) => str
|
|
2
|
+
.toLowerCase()
|
|
3
|
+
.split('-')
|
|
4
|
+
.map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
|
|
5
|
+
.join('');
|
|
6
|
+
export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
|
|
7
|
+
//# sourceMappingURL=case.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"case.js","sourceRoot":"","sources":["../../../../../lib/components/stencil-generated/react-component-lib/case.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,EAAE,CAC9C,GAAG;KACA,WAAW,EAAE;KACb,KAAK,CAAC,GAAG,CAAC;KACV,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACpE,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export const isDevMode = () => {
|
|
2
|
+
return process && process.env && process.env.NODE_ENV === 'development';
|
|
3
|
+
};
|
|
4
|
+
const warnings = {};
|
|
5
|
+
export const deprecationWarning = (key, message) => {
|
|
6
|
+
if (isDevMode()) {
|
|
7
|
+
if (!warnings[key]) {
|
|
8
|
+
console.warn(message);
|
|
9
|
+
warnings[key] = true;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=dev.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dev.js","sourceRoot":"","sources":["../../../../../lib/components/stencil-generated/react-component-lib/dev.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,OAAO,IAAI,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC;AAC1E,CAAC,CAAC;AAEF,MAAM,QAAQ,GAA+B,EAAE,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAW,EAAE,OAAe,EAAE,EAAE;IACjE,IAAI,SAAS,EAAE,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;QACvB,CAAC;IACH,CAAC;AACH,CAAC,CAAC"}
|
package/dist/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACtF,OAAO,WAAW,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACtF,OAAO,WAAW,MAAM,iBAAiB,CAAA;AAEzC,QAAQ,CAAC,YAAY,GAAG,EAAE,SAAS,EAAE,kCAAkC,WAAW,CAAC,OAAO,oBAAoB,EAAE,CAAA;AAChH,QAAQ,CAAC,YAAY,GAAG,EAAE,SAAS,EAAE,kCAAkC,WAAW,CAAC,OAAO,oBAAoB,EAAE,CAAA;AAGhH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ai12z/react",
|
|
3
|
-
"version": "2.0.3-alpha.
|
|
3
|
+
"version": "2.0.3-alpha.3",
|
|
4
4
|
"description": "ai12z React Library",
|
|
5
5
|
"author": "Alpesh Patel <alpesh@ai12z.com>",
|
|
6
6
|
"homepage": "",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"tsc": "tsc -p . --outDir ./dist"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"ai12z": "^2.0.3-alpha.
|
|
25
|
+
"ai12z": "^2.0.3-alpha.3"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@types/react": "^18.2.55",
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { JSX } from 'ai12z';
|
|
3
|
+
export declare const Ai12zBot: import("react").ForwardRefExoticComponent<JSX.Ai12zBot & Omit<import("react").HTMLAttributes<HTMLAi12zBotElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zBotElement>>;
|
|
4
|
+
export declare const Ai12zCategory: import("react").ForwardRefExoticComponent<JSX.Ai12zCategory & Omit<import("react").HTMLAttributes<HTMLAi12zCategoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zCategoryElement>>;
|
|
5
|
+
export declare const Ai12zChat: import("react").ForwardRefExoticComponent<JSX.Ai12zChat & Omit<import("react").HTMLAttributes<HTMLAi12zChatElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zChatElement>>;
|
|
6
|
+
export declare const Ai12zCta: import("react").ForwardRefExoticComponent<JSX.Ai12zCta & Omit<import("react").HTMLAttributes<HTMLAi12zCtaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zCtaElement>>;
|
|
7
|
+
export declare const Ai12zInputForm: import("react").ForwardRefExoticComponent<JSX.Ai12zInputForm & Omit<import("react").HTMLAttributes<HTMLAi12zInputFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zInputFormElement>>;
|
|
8
|
+
export declare const Ai12zKnowledgeBox: import("react").ForwardRefExoticComponent<JSX.Ai12zKnowledgeBox & Omit<import("react").HTMLAttributes<HTMLAi12zKnowledgeBoxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zKnowledgeBoxElement>>;
|
|
9
|
+
export declare const Ai12zSpinner: import("react").ForwardRefExoticComponent<JSX.Ai12zSpinner & Omit<import("react").HTMLAttributes<HTMLAi12zSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zSpinnerElement>>;
|
|
10
|
+
export declare const BotPopover: import("react").ForwardRefExoticComponent<JSX.BotPopover & Omit<import("react").HTMLAttributes<HTMLBotPopoverElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLBotPopoverElement>>;
|
|
11
|
+
export declare const ChatbotHistory: import("react").ForwardRefExoticComponent<JSX.ChatbotHistory & Omit<import("react").HTMLAttributes<HTMLChatbotHistoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLChatbotHistoryElement>>;
|
|
12
|
+
export declare const ChatbotWelcome: import("react").ForwardRefExoticComponent<JSX.ChatbotWelcome & Omit<import("react").HTMLAttributes<HTMLChatbotWelcomeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLChatbotWelcomeElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
|
|
2
|
+
export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
|
|
3
|
+
export declare const transformReactEventName: (eventNameSuffix: string) => string;
|
|
4
|
+
export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
|
|
5
|
+
export declare const syncEvent: (node: Element & {
|
|
6
|
+
__events?: {
|
|
7
|
+
[key: string]: (e: Event) => any;
|
|
8
|
+
};
|
|
9
|
+
}, eventName: string, newEventHandler?: (e: Event) => any) => void;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface HTMLStencilElement extends HTMLElement {
|
|
3
|
+
componentOnReady(): Promise<this>;
|
|
4
|
+
}
|
|
5
|
+
interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
|
|
6
|
+
forwardedRef: React.RefObject<ElementType>;
|
|
7
|
+
ref?: React.Ref<any>;
|
|
8
|
+
}
|
|
9
|
+
export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
|
|
10
|
+
export {};
|
package/dist/types/components/stencil-generated/react-component-lib/createOverlayComponent.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { OverlayEventDetail } from './interfaces';
|
|
3
|
+
import { StencilReactForwardedRef } from './utils';
|
|
4
|
+
interface OverlayElement extends HTMLElement {
|
|
5
|
+
present: () => Promise<void>;
|
|
6
|
+
dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
|
|
7
|
+
}
|
|
8
|
+
export interface ReactOverlayProps {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
isOpen: boolean;
|
|
11
|
+
onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
12
|
+
onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
13
|
+
onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
14
|
+
onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
|
|
17
|
+
create: (options: any) => Promise<OverlayType>;
|
|
18
|
+
}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
|
|
19
|
+
forwardedRef?: StencilReactForwardedRef<OverlayType>;
|
|
20
|
+
}> & React.RefAttributes<OverlayType>>;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export interface EventEmitter<T = any> {
|
|
2
|
+
emit: (data?: T) => CustomEvent<T>;
|
|
3
|
+
}
|
|
4
|
+
export interface StyleReactProps {
|
|
5
|
+
class?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: {
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export interface OverlayEventDetail<T = any> {
|
|
12
|
+
data?: T;
|
|
13
|
+
role?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface OverlayInterface {
|
|
16
|
+
el: HTMLElement;
|
|
17
|
+
animated: boolean;
|
|
18
|
+
keyboardClose: boolean;
|
|
19
|
+
overlayIndex: number;
|
|
20
|
+
presented: boolean;
|
|
21
|
+
enterAnimation?: any;
|
|
22
|
+
leaveAnimation?: any;
|
|
23
|
+
didPresent: EventEmitter<void>;
|
|
24
|
+
willPresent: EventEmitter<void>;
|
|
25
|
+
willDismiss: EventEmitter<OverlayEventDetail>;
|
|
26
|
+
didDismiss: EventEmitter<OverlayEventDetail>;
|
|
27
|
+
present(): Promise<void>;
|
|
28
|
+
dismiss(data?: any, role?: string): Promise<boolean>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
|
|
2
|
+
export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
|
|
3
|
+
export declare const transformReactEventName: (eventNameSuffix: string) => string;
|
|
4
|
+
export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
|
|
5
|
+
export declare const syncEvent: (node: Element & {
|
|
6
|
+
__events?: {
|
|
7
|
+
[key: string]: (e: Event) => any;
|
|
8
|
+
};
|
|
9
|
+
}, eventName: string, newEventHandler?: (e: Event) => any) => void;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { StyleReactProps } from '../interfaces';
|
|
3
|
+
export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
|
|
4
|
+
export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
|
|
5
|
+
export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
|
|
6
|
+
export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
|
|
7
|
+
export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
|
|
8
|
+
export declare const defineCustomElement: (tagName: string, customElement: any) => void;
|
|
9
|
+
export * from './attachProps';
|
|
10
|
+
export * from './case';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
|
|
2
|
+
export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
|
|
3
|
+
export declare const transformReactEventName: (eventNameSuffix: string) => string;
|
|
4
|
+
export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
|
|
5
|
+
export declare const syncEvent: (node: Element & {
|
|
6
|
+
__events?: {
|
|
7
|
+
[key: string]: (e: Event) => any;
|
|
8
|
+
};
|
|
9
|
+
}, eventName: string, newEventHandler?: (e: Event) => any) => void;
|