react-core-ts 1.4.17 → 1.4.19

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/ReactCheckbox.js +1 -1
  2. package/dist/ReactCheckbox.js.map +1 -1
  3. package/dist/styles/components/autocomplete.css +10 -5
  4. package/dist/styles/styles/components/autocomplete.css +9 -5
  5. package/package.json +1 -1
  6. package/src/ReactCheckbox.tsx +3 -3
  7. package/src/styles/components/autocomplete.css +9 -5
package/dist/ReactCheckbox.js CHANGED
@@ -33,7 +33,7 @@ var Checkbox = function (_a) {
33
33
  return disabled ? 'input_unchecked_disabled' : 'input_unchecked';
34
34
  }
35
35
  };
36
- return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "text-common font-normal text-grey-secondary flex items-center justify-start gap-2.5 ".concat(disabled ? ' opacity-70' : '', " ") }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("label", __assign({ className: "relative" }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", disabled: disabled, name: name, autoComplete: "off", className: "border-none outline-none invisible ", "data-testid": "app-common-checkbox", id: id ? "input-check-".concat(id) : "input-check-".concat(name), value: value, checked: checked, onChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: "absolute top-[2px] left-0 text-text-primary ".concat(propsClassName, " ").concat(disabled ? 'cursor-not-allowed' : 'cursor-pointer') }, { children: checked ? ((0, jsx_runtime_1.jsx)(customIcons_1.default, { name: getIconName(), isWrapper: false })) : ((0, jsx_runtime_1.jsx)(customIcons_1.default, { name: "input_unchecked", isWrapper: false })) }))] })) }), (0, jsx_runtime_1.jsx)("div", __assign({ className: labalClass, title: label }, { children: label }))] })));
36
+ return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "text-common font-normal text-grey-secondary flex items-center justify-start gap-2 ".concat(disabled ? ' opacity-70' : '', " ") }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "w-4 h-4" }, { children: (0, jsx_runtime_1.jsxs)("label", __assign({ className: "relative" }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", disabled: disabled, name: name, autoComplete: "off", className: "border-none outline-none invisible ", "data-testid": "app-common-checkbox", id: id ? "input-check-".concat(id) : "input-check-".concat(name), value: value, checked: checked, onChange: handleChange }), (0, jsx_runtime_1.jsx)("div", __assign({ className: "absolute top-0 left-0 text-text-primary ".concat(propsClassName, " ").concat(disabled ? 'cursor-not-allowed' : 'cursor-pointer') }, { children: checked ? ((0, jsx_runtime_1.jsx)(customIcons_1.default, { name: getIconName(), isWrapper: false })) : ((0, jsx_runtime_1.jsx)(customIcons_1.default, { name: "input_unchecked", isWrapper: false })) }))] })) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: labalClass, title: label }, { children: label }))] })));
37
37
  };
38
38
  exports.default = Checkbox;
39
39
  //# sourceMappingURL=ReactCheckbox.js.map
package/dist/ReactCheckbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ReactCheckbox.js","sourceRoot":"","sources":["../src/ReactCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAGA,yEAAkD;AAElD,IAAM,QAAQ,GAA4B,UAAC,EAW1C;QAVC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACI,cAAc,eAAA,EACzB,KAAK,WAAA,EACL,UAAU,gBAAA;IAEV,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,EAAE;YACX,IAAI,QAAQ,EAAE;gBACZ,OAAO,YAAY;oBACjB,CAAC,CAAC,mCAAmC;oBACrC,CAAC,CAAC,wBAAwB,CAAA;aAC7B;iBAAM;gBACL,OAAO,YAAY,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,eAAe,CAAA;aACnE;SACF;aAAM;YACL,OAAO,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,iBAAiB,CAAA;SACjE;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CACE,SAAS,EAAE,8FACT,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,MAC5B,iBAEH,0CACE,4CAAO,SAAS,EAAC,UAAU,iBACzB,kCACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,KAAK,EAClB,SAAS,EAAC,qCAAqC,iBACnC,qBAAqB,EACjC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,sBAAe,EAAE,CAAE,CAAC,CAAC,CAAC,sBAAe,IAAI,CAAE,EACpD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,GACtB,EAEF,yCACE,SAAS,EAAE,sDAA+C,cAAc,eACtE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAClD,gBAED,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,qBAAW,IAAC,IAAI,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,GAAI,CACvD,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAW,IAAC,IAAI,EAAC,iBAAiB,EAAC,SAAS,EAAE,KAAK,GAAI,CACzD,IACG,KACA,GACJ,EACN,yCAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,gBACrC,KAAK,IACF,KACF,CACP,CAAC;AACJ,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"ReactCheckbox.js","sourceRoot":"","sources":["../src/ReactCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAGA,yEAAkD;AAElD,IAAM,QAAQ,GAA4B,UAAC,EAW1C;QAVC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACI,cAAc,eAAA,EACzB,KAAK,WAAA,EACL,UAAU,gBAAA;IAEV,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,EAAE;YACX,IAAI,QAAQ,EAAE;gBACZ,OAAO,YAAY;oBACjB,CAAC,CAAC,mCAAmC;oBACrC,CAAC,CAAC,wBAAwB,CAAA;aAC7B;iBAAM;gBACL,OAAO,YAAY,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,eAAe,CAAA;aACnE;SACF;aAAM;YACL,OAAO,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,iBAAiB,CAAA;SACjE;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CACE,SAAS,EAAE,4FACT,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,MAC5B,iBAEH,yCAAK,SAAS,EAAC,SAAS,gBACtB,4CAAO,SAAS,EAAC,UAAU,iBACzB,kCACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,KAAK,EAClB,SAAS,EAAC,qCAAqC,iBACnC,qBAAqB,EACjC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,sBAAe,EAAE,CAAE,CAAC,CAAC,CAAC,sBAAe,IAAI,CAAE,EACpD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,GACtB,EAEF,yCACE,SAAS,EAAE,kDAA2C,cAAc,eAClE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAClD,gBAED,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,qBAAW,IAAC,IAAI,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,GAAI,CACvD,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAW,IAAC,IAAI,EAAC,iBAAiB,EAAC,SAAS,EAAE,KAAK,GAAI,CACzD,IACG,KACA,IACJ,EACN,yCAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,gBACrC,KAAK,IACF,KACF,CACP,CAAC;AACJ,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}
package/dist/styles/components/autocomplete.css CHANGED
@@ -311,6 +311,7 @@ body * {
311
311
  font-weight: 500;
312
312
  line-height: 20px;
313
313
  padding-left: 32px;
314
+ width: 100%;
314
315
  }
315
316
  .qbs-autocomplete-suggestions-sub {
316
317
  position: relative;
@@ -324,6 +325,10 @@ body * {
324
325
  .padding-class {
325
326
  padding: 12px !important;
326
327
  }
328
+ .qbs-autocomplete-listitem-container:hover {
329
+ color: #003c71;
330
+ background-color: rgba(141, 194, 240, 0.15) !important;
331
+ }
327
332
  .qbs-autocomplete-listitem-container {
328
333
  display: flex !important;
329
334
  align-items: center !important;
@@ -463,7 +468,7 @@ span.dropdown-search-icon {
463
468
  padding: 6px 8px;
464
469
  display: flex;
465
470
  align-items: flex-start;
466
- outline: none;
471
+ outline: none;
467
472
  box-shadow: none;
468
473
  }
469
474
 
@@ -636,7 +641,7 @@ span.dropdown-search-icon {
636
641
  justify-content: space-between;
637
642
  align-items: center;
638
643
  cursor: pointer;
639
- outline: none;
644
+ outline: none;
640
645
  box-shadow: none;
641
646
  }
642
647
 
@@ -644,12 +649,12 @@ span.dropdown-search-icon {
644
649
  background-color: #f1f5f9;
645
650
  }
646
651
 
647
- .autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,
648
- .qbs-autocomplete-listitem-container .short-code{
652
+ .autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,
653
+ .qbs-autocomplete-listitem-container .short-code {
649
654
  font-size: 12px;
650
655
  background: #f0f0f0;
651
656
  padding: 4px 8px;
652
657
  border: 1px solid #ccc;
653
658
  border-radius: 4px;
654
659
  white-space: nowrap;
655
- }
660
+ }
package/dist/styles/styles/components/autocomplete.css CHANGED
@@ -325,6 +325,10 @@ body * {
325
325
  .padding-class {
326
326
  padding: 12px !important;
327
327
  }
328
+ .qbs-autocomplete-listitem-container:hover {
329
+ color: #003c71;
330
+ background-color: rgba(141, 194, 240, 0.15) !important;
331
+ }
328
332
  .qbs-autocomplete-listitem-container {
329
333
  display: flex !important;
330
334
  align-items: center !important;
@@ -464,7 +468,7 @@ span.dropdown-search-icon {
464
468
  padding: 6px 8px;
465
469
  display: flex;
466
470
  align-items: flex-start;
467
- outline: none;
471
+ outline: none;
468
472
  box-shadow: none;
469
473
  }
470
474
 
@@ -637,7 +641,7 @@ span.dropdown-search-icon {
637
641
  justify-content: space-between;
638
642
  align-items: center;
639
643
  cursor: pointer;
640
- outline: none;
644
+ outline: none;
641
645
  box-shadow: none;
642
646
  }
643
647
 
@@ -645,12 +649,12 @@ span.dropdown-search-icon {
645
649
  background-color: #f1f5f9;
646
650
  }
647
651
 
648
- .autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,
649
- .qbs-autocomplete-listitem-container .short-code{
652
+ .autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,
653
+ .qbs-autocomplete-listitem-container .short-code {
650
654
  font-size: 12px;
651
655
  background: #f0f0f0;
652
656
  padding: 4px 8px;
653
657
  border: 1px solid #ccc;
654
658
  border-radius: 4px;
655
659
  white-space: nowrap;
656
- }
660
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "react-core-ts",
3
3
 
4
- "version": "1.4.17",
4
+ "version": "1.4.19",
5
5
  "description": "React Components",
6
6
  "main": "dist/index.js",
7
7
  "types": "dist/index.d.ts",
package/src/ReactCheckbox.tsx CHANGED
@@ -31,11 +31,11 @@ const Checkbox: React.FC<CheckboxProps> = ({
31
31
 
32
32
  return (
33
33
  <div
34
- className={`text-common font-normal text-grey-secondary flex items-center justify-start gap-2.5 ${
34
+ className={`text-common font-normal text-grey-secondary flex items-center justify-start gap-2 ${
35
35
  disabled ? ' opacity-70' : ''
36
36
  } `}
37
37
  >
38
- <div>
38
+ <div className="w-4 h-4">
39
39
  <label className="relative">
40
40
  <input
41
41
  type="checkbox"
@@ -51,7 +51,7 @@ const Checkbox: React.FC<CheckboxProps> = ({
51
51
  />
52
52
 
53
53
  <div
54
- className={`absolute top-[2px] left-0 text-text-primary ${propsClassName} ${
54
+ className={`absolute top-0 left-0 text-text-primary ${propsClassName} ${
55
55
  disabled ? 'cursor-not-allowed' : 'cursor-pointer'
56
56
  }`}
57
57
  >
package/src/styles/components/autocomplete.css CHANGED
@@ -325,6 +325,10 @@ body * {
325
325
  .padding-class {
326
326
  padding: 12px !important;
327
327
  }
328
+ .qbs-autocomplete-listitem-container:hover {
329
+ color: #003c71;
330
+ background-color: rgba(141, 194, 240, 0.15) !important;
331
+ }
328
332
  .qbs-autocomplete-listitem-container {
329
333
  display: flex !important;
330
334
  align-items: center !important;
@@ -464,7 +468,7 @@ span.dropdown-search-icon {
464
468
  padding: 6px 8px;
465
469
  display: flex;
466
470
  align-items: flex-start;
467
- outline: none;
471
+ outline: none;
468
472
  box-shadow: none;
469
473
  }
470
474
 
@@ -637,7 +641,7 @@ span.dropdown-search-icon {
637
641
  justify-content: space-between;
638
642
  align-items: center;
639
643
  cursor: pointer;
640
- outline: none;
644
+ outline: none;
641
645
  box-shadow: none;
642
646
  }
643
647
 
@@ -645,12 +649,12 @@ span.dropdown-search-icon {
645
649
  background-color: #f1f5f9;
646
650
  }
647
651
 
648
- .autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,
649
- .qbs-autocomplete-listitem-container .short-code{
652
+ .autocomplete-suggections .qbs-autocomplete-suggections-items .short-code,
653
+ .qbs-autocomplete-listitem-container .short-code {
650
654
  font-size: 12px;
651
655
  background: #f0f0f0;
652
656
  padding: 4px 8px;
653
657
  border: 1px solid #ccc;
654
658
  border-radius: 4px;
655
659
  white-space: nowrap;
656
- }
660
+ }