@mrts/soltw 0.3.13 → 0.3.21

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.
@@ -24,7 +24,8 @@ const Item = (props) => {
24
24
  else if (typeof props.class == "string") return { item: props.class };
25
25
  else return props.class;
26
26
  });
27
- const itemClasses = createMemo(() => {
27
+ const itemClasses = () => {
28
+ console.log("itemClasses", props.idLabel);
28
29
  const stags = currentSTags();
29
30
  const styler = currentStyler();
30
31
  const rawClasses = [];
@@ -33,11 +34,14 @@ const Item = (props) => {
33
34
  if (props.callback) rawClasses.push("select-none cursor-pointer");
34
35
  const customClasses = classProp();
35
36
  if (customClasses.item) rawClasses.push(customClasses.item);
36
- if (props.selected && customClasses.selected) rawClasses.push(customClasses.selected);
37
+ if (props.selected && customClasses.selected) {
38
+ console.log("SELECTED", props.idLabel);
39
+ rawClasses.push(customClasses.selected);
40
+ }
37
41
  if (props.disabled && customClasses.disabled) rawClasses.push(customClasses.disabled);
38
42
  rawClasses.push("relative");
39
43
  return twMerge(rawClasses);
40
- });
44
+ };
41
45
  const disablerClasses = createMemo(() => {
42
46
  const rawClasses = [];
43
47
  if (currentStyler()) rawClasses.push(...currentStyler().classes("item/disabler", props.vtags));
@@ -22,7 +22,8 @@ const Item = (props) => {
22
22
  else if (typeof props.class == "string") return { item: props.class };
23
23
  else return props.class;
24
24
  });
25
- const itemClasses = createMemo(() => {
25
+ const itemClasses = () => {
26
+ console.log("itemClasses", props.idLabel);
26
27
  const stags = currentSTags();
27
28
  const styler = currentStyler();
28
29
  const rawClasses = [];
@@ -31,11 +32,14 @@ const Item = (props) => {
31
32
  if (props.callback) rawClasses.push("select-none cursor-pointer");
32
33
  const customClasses = classProp();
33
34
  if (customClasses.item) rawClasses.push(customClasses.item);
34
- if (props.selected && customClasses.selected) rawClasses.push(customClasses.selected);
35
+ if (props.selected && customClasses.selected) {
36
+ console.log("SELECTED", props.idLabel);
37
+ rawClasses.push(customClasses.selected);
38
+ }
35
39
  if (props.disabled && customClasses.disabled) rawClasses.push(customClasses.disabled);
36
40
  rawClasses.push("relative");
37
41
  return twMerge(rawClasses);
38
- });
42
+ };
39
43
  const disablerClasses = createMemo(() => {
40
44
  const rawClasses = [];
41
45
  if (currentStyler()) rawClasses.push(...currentStyler().classes("item/disabler", props.vtags));
@@ -63,10 +63,11 @@ const ItemGroup = (props) => {
63
63
  return items();
64
64
  },
65
65
  children: (item) => {
66
+ const selected = () => itemSelected(item.id);
66
67
  return createComponent(Item, {
67
68
  idLabel: item,
68
69
  get selected() {
69
- return itemSelected(item.id);
70
+ return selected();
70
71
  },
71
72
  callback: () => callCallback(item),
72
73
  get ["class"]() {
@@ -53,7 +53,8 @@ const ItemGroup = (props) => {
53
53
  return <Block class={blockClasses()} vtags={currentVTags().group}>
54
54
  <For each={items()}>
55
55
  {(item) => {
56
- return <Item idLabel={item} selected={itemSelected(item.id)} callback={() => callCallback(item)} class={itemClasses()} vtags={currentVTags().item}></Item>;
56
+ const selected = () => itemSelected(item.id);
57
+ return <Item idLabel={item} selected={selected()} callback={() => callCallback(item)} class={itemClasses()} vtags={currentVTags().item}></Item>;
57
58
  }}
58
59
  </For>
59
60
  </Block>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mrts/soltw",
3
3
  "description": "S O L T W : SolidJS + tailwindcss ui components",
4
- "version": "0.3.13",
4
+ "version": "0.3.21",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.js",
@@ -40,5 +40,5 @@
40
40
  "publishConfig": {
41
41
  "access": "public"
42
42
  },
43
- "gitHead": "8c08facc206234060c2cf6d3cca7c73f3848ff5d"
43
+ "gitHead": "c5a3d173dc241074f81df5b1e2f419888c883849"
44
44
  }