urfu-ui-kit-react 0.0.44 → 0.0.45

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.
@@ -11445,45 +11445,61 @@ const gf = ({
11445
11445
  activeSection: r,
11446
11446
  type: o = "collapsible",
11447
11447
  paddingUl: i = "32px 16px 32px 14px",
11448
- className: s = ""
11449
- }) => /* @__PURE__ */ h.jsx(h.Fragment, { children: o === "collapsible" && /* @__PURE__ */ h.jsxs("div", { className: `u-collapsible-menu ${s}`, children: [
11450
- /* @__PURE__ */ h.jsx(
11451
- "input",
11452
- {
11453
- className: "u-collapsible-menu-input",
11454
- type: "checkbox",
11455
- name: "u-collapsible-menu",
11456
- id: "u-collapsible-menu",
11457
- checked: t,
11458
- onChange: () => a(t)
11459
- }
11460
- ),
11461
- /* @__PURE__ */ h.jsx("label", { className: "u-collapsible-menu-toggle", htmlFor: "u-collapsible-menu" }),
11462
- /* @__PURE__ */ h.jsx(
11448
+ className: s = "",
11449
+ foldedWidth: l = "1px"
11450
+ }) => {
11451
+ const u = (d) => typeof d == "number" ? `${d}px` : String(d);
11452
+ return /* @__PURE__ */ h.jsx(h.Fragment, { children: o === "collapsible" && /* @__PURE__ */ h.jsxs(
11463
11453
  "div",
11464
11454
  {
11465
- className: "u-collapsible-menu-body",
11466
- style: { height: "100%" },
11467
- children: /* @__PURE__ */ h.jsx(
11468
- "ul",
11469
- {
11470
- className: "u-collapsible-menu-list",
11471
- style: { padding: i },
11472
- children: e.map((l, u) => /* @__PURE__ */ h.jsx(
11473
- "li",
11474
- {
11475
- className: r == l.id ? "u-collapsible-menu-list-item u-menu-active" : "u-collapsible-menu-list-item",
11476
- id: String(l.id),
11477
- onClick: () => n(l),
11478
- children: l.title
11455
+ style: {
11456
+ height: "100%",
11457
+ "--max-width": u(l)
11458
+ },
11459
+ className: `u-collapsible-menu ${s}`,
11460
+ children: [
11461
+ /* @__PURE__ */ h.jsx(
11462
+ "input",
11463
+ {
11464
+ className: "u-collapsible-menu-input",
11465
+ type: "checkbox",
11466
+ name: "u-collapsible-menu",
11467
+ id: "u-collapsible-menu",
11468
+ checked: t,
11469
+ onChange: () => a(t)
11470
+ }
11471
+ ),
11472
+ /* @__PURE__ */ h.jsx("label", { className: "u-collapsible-menu-toggle", htmlFor: "u-collapsible-menu" }),
11473
+ /* @__PURE__ */ h.jsx(
11474
+ "div",
11475
+ {
11476
+ className: "u-collapsible-menu-body",
11477
+ style: {
11478
+ height: "100%"
11479
11479
  },
11480
- u
11481
- ))
11482
- }
11483
- )
11480
+ children: /* @__PURE__ */ h.jsx(
11481
+ "ul",
11482
+ {
11483
+ className: "u-collapsible-menu-list",
11484
+ style: { padding: i },
11485
+ children: e.map((d, f) => /* @__PURE__ */ h.jsx(
11486
+ "li",
11487
+ {
11488
+ className: r == d.id ? "u-collapsible-menu-list-item u-menu-active" : "u-collapsible-menu-list-item",
11489
+ id: String(d.id),
11490
+ onClick: () => n(d),
11491
+ children: d.title
11492
+ },
11493
+ f
11494
+ ))
11495
+ }
11496
+ )
11497
+ }
11498
+ )
11499
+ ]
11484
11500
  }
11485
- )
11486
- ] }) });
11501
+ ) });
11502
+ };
11487
11503
  gf.propTypes = {
11488
11504
  onClick: D.func,
11489
11505
  tabsData: D.array,
@@ -11941,7 +11957,7 @@ const _f = ({
11941
11957
  };
11942
11958
  }
11943
11959
  }, [j]), $e(() => {
11944
- Object.keys(d).length && !O && E(d.label);
11960
+ d != null && d.label && Object.keys(d).length && !O && E(d.label);
11945
11961
  }, [O, d]), /* @__PURE__ */ h.jsxs("div", { className: `u-react-select-container ${v}`, style: { position: "relative" }, children: [
11946
11962
  /* @__PURE__ */ h.jsxs(
11947
11963
  "div",
@@ -12004,7 +12020,7 @@ const _f = ({
12004
12020
  onChange: (B) => {
12005
12021
  E(B.target.value);
12006
12022
  },
12007
- placeholder: Object.keys(d).length ? d.label : u
12023
+ placeholder: d != null && d.label && Object.keys(d).length ? d.label : u
12008
12024
  }
12009
12025
  ),
12010
12026
  O && M ? X && mn(
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "UrFU UI-Kit for React Web",
4
4
  "license": "UNLICENSED",
5
5
  "private": false,
6
- "version": "0.0.44",
6
+ "version": "0.0.45",
7
7
  "type": "module",
8
8
  "main": "dist/urfu-ui-kit-react",
9
9
  "types": "dist/urfu-ui-kit-react",