x-ui-design 0.3.13 → 0.3.14

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.
@@ -515,7 +515,7 @@ const SelectComponent = forwardRef<HTMLDivElement, SelectProps>(
515
515
  >
516
516
  {children || props.value}
517
517
 
518
- {hasMode && isSelected && (
518
+ {menuItemSelectedIcon && hasMode && isSelected && (
519
519
  <span className={`${prefixCls}-selected-icon`}>
520
520
  {menuItemSelectedIcon === true ? (
521
521
  <CheckIcon />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "x-ui-design",
3
- "version": "0.3.13",
3
+ "version": "0.3.14",
4
4
  "license": "ISC",
5
5
  "author": "Gabriel Boyajyan",
6
6
  "main": "dist/index.js",
package/src/app/page.tsx CHANGED
@@ -1819,6 +1819,34 @@ export const CountryCodes = [...new Set([
1819
1819
  }
1820
1820
  ])]
1821
1821
 
1822
+ const statusOption = [
1823
+ {
1824
+ "label": "All",
1825
+ "value": 0
1826
+ },
1827
+ {
1828
+ "label": "Canceled",
1829
+ "value": -1
1830
+ },
1831
+ {
1832
+ "label": "Finished",
1833
+ "value": 1
1834
+ },
1835
+ {
1836
+ "label": "Live",
1837
+ "value": 2
1838
+ },
1839
+ {
1840
+ "label": "Upcoming",
1841
+ "value": 3
1842
+ }
1843
+ ]
1844
+
1845
+ const statusValue = [
1846
+ 2,
1847
+ 3
1848
+ ]
1849
+
1822
1850
  export default function Home() {
1823
1851
 
1824
1852
  return (
@@ -1826,21 +1854,22 @@ export default function Home() {
1826
1854
  <Select
1827
1855
  mode="multiple"
1828
1856
  showSearch
1857
+ value={statusValue}
1858
+ menuItemSelectedIcon={<>ok</>}
1829
1859
  onSelect={(e) => { console.log(e) }}
1830
1860
  onChange={(e) => { console.log(e) }}
1831
- value={['Afghanistan', 'Spain']}
1832
1861
  >
1833
- {CountryCodes.map(country => (
1862
+ {statusOption.map(item => (
1834
1863
  <Option
1835
- key={country.value}
1836
- value={country.value}
1864
+ key={item.value}
1865
+ value={item.value}
1837
1866
  >
1838
1867
  <div
1839
1868
  className="countyCode"
1840
- title={country.label}
1869
+ title={item.label}
1841
1870
  >
1842
1871
  <div dir="ltr" className="phoneCode">
1843
- {country.label}
1872
+ {item.label}
1844
1873
  </div>
1845
1874
  </div>
1846
1875
  </Option>