react-restyle-components 0.2.0 → 0.2.1

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 (3) hide show
  1. package/lib/package.json +1 -1
  2. package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.js +12 -9
  3. package/package.json +1 -1
package/lib/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-restyle-components",
3
- "version": "0.1.99",
3
+ "version": "0.2.0",
4
4
  "private": false,
5
5
  "description": "Easy use restyle components",
6
6
  "author": {
package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.js CHANGED
@@ -67,7 +67,9 @@ export const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = ({ uniqueFi
67
67
  React.createElement("div", { ref: wrapperRef, className: "w-full relative" },
68
68
  React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${hasError ? 'border-red' : 'border-gray-300'} rounded-md` },
69
69
  React.createElement("input", { placeholder: placeholder, disabled: disable, name: name, value: !isListOpen
70
- ? `${(data.selected && data.selected.length) || 0} Items`
70
+ ? data?.selected?.length > 0
71
+ ? `${(data.selected && data.selected.length) || 0} Items`
72
+ : value
71
73
  : isUpperCase
72
74
  ? value?.toUpperCase()
73
75
  : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), onBlur: (e) => onBlur && onBlur(e) }),
@@ -79,14 +81,15 @@ export const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = ({ uniqueFi
79
81
  size: 22,
80
82
  } }))),
81
83
  options && isListOpen
82
- ? options?.length > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-500", style: { zIndex: 80 } },
83
- React.createElement("ul", null, options?.map((item, index) => (React.createElement(React.Fragment, null,
84
- React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
85
- React.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
86
- ' ',
87
- React.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
88
- .map((key) => `${item[key]}
84
+ ? options?.length > 0 && (React.createElement("div", { className: "flex mt-1 absolute rounded-sm z-500 w-full", style: { zIndex: 80 } },
85
+ React.createElement("ul", { className: "flex flex-col gap-2 bg-gray-200 p-2 w-full" }, options?.map((item, index) => (React.createElement(React.Fragment, null,
86
+ React.createElement("li", { key: index, className: 'flex gap-4 p-2"' },
87
+ React.createElement("label", { className: "flex" },
88
+ React.createElement("input", { id: index?.toString(), className: "flex h-4 w-4", type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
89
+ ' ',
90
+ React.createElement("span", { className: "flex h-4 ml-2" }, data.displayKey
91
+ .map((key) => `${item[key]}
89
92
  `)
90
- .join(' - ')))))))))
93
+ .join(' - '))))))))))
91
94
  : null)));
92
95
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-restyle-components",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "private": false,
5
5
  "description": "Easy use restyle components",
6
6
  "author": {