react-core-ts 1.0.27 → 1.0.28

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 (7) hide show
  1. package/dist/components/TreeNode.js +2 -2
  2. package/dist/components/TreeNode.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/components/TreeNode.tsx +8 -2
  5. package/tailwind.config.js +1 -0
  6. /package/dist/styles/{styles/components → components}/autocomplete.css +0 -0
  7. /package/dist/styles/{styles/global.css → global.css} +0 -0
package/dist/components/TreeNode.js CHANGED
@@ -21,13 +21,13 @@ var TreeNode = function (_a) {
21
21
  react_1.default.createElement("div", { style: { display: 'flex' }, className: "qbs-items-start qbs-gap-4 qbs-flex-row ".concat(((_b = node === null || node === void 0 ? void 0 : node.children) === null || _b === void 0 ? void 0 : _b.length) > 0 ? '' : 'ml-5') },
22
22
  (node === null || node === void 0 ? void 0 : node.children) && ((_c = node === null || node === void 0 ? void 0 : node.children) === null || _c === void 0 ? void 0 : _c.length) > 0 && (react_1.default.createElement("span", { onClick: function () { return handleToggle(node); }, className: "qbs-mt-1 qbs-cursor-pointer qbs-py-2 ".concat(node.expanded ? ' qbs-rotate-90' : '') },
23
23
  react_1.default.createElement(Icons_1.DropSideIcon, null))),
24
- react_1.default.createElement("div", { className: "qbs-flex qbs-gap-2 qbs-p-2 qbs-flex-row" },
24
+ react_1.default.createElement("div", { className: "qbs-flex qbs-gap-2 qbs-p-2 qbs-flex-row ".concat((node === null || node === void 0 ? void 0 : node.checked) ? 'qbs-bg-slected_node/20' : '') },
25
25
  (isMultiple || singleSelect) && (react_1.default.createElement("div", { className: "qbs-autocomplete-checkbox" },
26
26
  react_1.default.createElement("input", { onChange: function (e) { return handleCheckbox(e, node); }, type: "checkbox", checked: node.checked, id: "qbs-checkbox-".concat(idx.toString()) }),
27
27
  react_1.default.createElement("label", { htmlFor: "qbs-checkbox-".concat(idx.toString()) },
28
28
  react_1.default.createElement("svg", { width: "8", height: "6", viewBox: "0 0 8 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
29
29
  react_1.default.createElement("path", { d: "M0 3.21739L2.89883 6L8 1.06994L6.89494 0L2.89883 3.86768L1.09728 2.14745L0 3.21739Z", fill: "white" }))))),
30
- react_1.default.createElement("span", { className: " qbs-leading-[18px]" }, node[desc])))),
30
+ react_1.default.createElement("span", { className: " qbs-leading-[18px] qbs-text-sm" }, node[desc])))),
31
31
  children));
32
32
  };
33
33
  exports.default = TreeNode;
package/dist/components/TreeNode.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TreeNode.js","sourceRoot":"","sources":["../../src/components/TreeNode.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,iCAAuC;AAEvC,IAAM,QAAQ,GAAkB,UAAC,EAUhC;;QATC,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,sDAAsD;IACtD,IAAM,YAAY,GAAG,UAAC,IAAU;QAC9B,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,CAAM,EAAE,QAAa;QACnC,IAAA,OAAO,GAAK,CAAC,CAAC,MAAM,QAAb,CAAc;QAC7B,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,CAAC;IACF,OAAO,CACL;QACE,sCAAI,SAAS,EAAC,wBAAwB;YACpC,uCACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,SAAS,EAAE,iDACT,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CACxC;gBAID,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC/C,wCACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,SAAS,EAAE,+CACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CACrC;oBAEF,8BAAC,oBAAY,OAAG,CACX,CACR;gBACD,uCAAK,SAAS,EAAC,yCAAyC;oBACrD,CAAC,UAAU,IAAI,YAAY,CAAC,IAAI,CAC/B,uCAAK,SAAS,EAAC,2BAA2B;wBACxC,yCACE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,EAAvB,CAAuB,EACxC,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,EAAE,EAAE,uBAAgB,GAAG,CAAC,QAAQ,EAAE,CAAE,GACpC;wBACF,yCAAO,OAAO,EAAE,uBAAgB,GAAG,CAAC,QAAQ,EAAE,CAAE;4BAC9C,uCACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;gCAElC,wCACE,CAAC,EAAC,qFAAqF,EACvF,IAAI,EAAC,OAAO,GACZ,CACE,CACA,CACJ,CACP;oBACD,wCAAM,SAAS,EAAC,qBAAqB,IAAE,IAAI,CAAC,IAAI,CAAC,CAAQ,CACrD,CACF,CACH;QAEJ,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"TreeNode.js","sourceRoot":"","sources":["../../src/components/TreeNode.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,iCAAuC;AAEvC,IAAM,QAAQ,GAAkB,UAAC,EAUhC;;QATC,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,sDAAsD;IACtD,IAAM,YAAY,GAAG,UAAC,IAAU;QAC9B,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,CAAM,EAAE,QAAa;QACnC,IAAA,OAAO,GAAK,CAAC,CAAC,MAAM,QAAb,CAAc;QAC7B,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,CAAC;IACF,OAAO,CACL;QACE,sCAAI,SAAS,EAAC,wBAAwB;YACpC,uCACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,SAAS,EAAE,iDACT,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CACxC;gBAID,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC/C,wCACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,SAAS,EAAE,+CACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CACrC;oBAEF,8BAAC,oBAAY,OAAG,CACX,CACR;gBACD,uCACE,SAAS,EAAE,kDACT,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,EAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAC7C;oBAED,CAAC,UAAU,IAAI,YAAY,CAAC,IAAI,CAC/B,uCAAK,SAAS,EAAC,2BAA2B;wBACxC,yCACE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,EAAvB,CAAuB,EACxC,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,EAAE,EAAE,uBAAgB,GAAG,CAAC,QAAQ,EAAE,CAAE,GACpC;wBACF,yCAAO,OAAO,EAAE,uBAAgB,GAAG,CAAC,QAAQ,EAAE,CAAE;4BAC9C,uCACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;gCAElC,wCACE,CAAC,EAAC,qFAAqF,EACvF,IAAI,EAAC,OAAO,GACZ,CACE,CACA,CACJ,CACP;oBACD,wCAAM,SAAS,EAAC,iCAAiC,IAC9C,IAAI,CAAC,IAAI,CAAC,CACN,CACH,CACF,CACH;QAEJ,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-core-ts",
3
- "version": "1.0.27",
3
+ "version": "1.0.28",
4
4
  "description": "React Components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/components/TreeNode.tsx CHANGED
@@ -43,7 +43,11 @@ const TreeNode: React.FC<any> = ({
43
43
  <DropSideIcon />
44
44
  </span>
45
45
  )}
46
- <div className="qbs-flex qbs-gap-2 qbs-p-2 qbs-flex-row">
46
+ <div
47
+ className={`qbs-flex qbs-gap-2 qbs-p-2 qbs-flex-row ${
48
+ node?.checked ? 'qbs-bg-slected_node/20' : ''
49
+ }`}
50
+ >
47
51
  {(isMultiple || singleSelect) && (
48
52
  <div className="qbs-autocomplete-checkbox">
49
53
  <input
@@ -68,7 +72,9 @@ const TreeNode: React.FC<any> = ({
68
72
  </label>
69
73
  </div>
70
74
  )}
71
- <span className=" qbs-leading-[18px]">{node[desc]}</span>
75
+ <span className=" qbs-leading-[18px] qbs-text-sm">
76
+ {node[desc]}
77
+ </span>
72
78
  </div>
73
79
  </div>
74
80
  </li>
package/tailwind.config.js CHANGED
@@ -9,6 +9,7 @@ module.exports = {
9
9
  'blue-navy': '#001f3f',
10
10
  'table-hover': '#f8f8f8',
11
11
  'neutrals-grey-20': '#f4f4f4',
12
+ slected_node: '#8dc1f0',
12
13
  },
13
14
  },
14
15
  },
/package/dist/styles/{styles/global.css → global.css} RENAMED
File without changes