@sps-woodland/core 8.50.2 → 8.51.0

package/lib/content-row/content-row/ContentRow.js

@@ -0,0 +1,175 @@
+import * as e from "react";
+import { Metadata as Z, selectChildren as _, cl as o, Icon as ee } from "@sps-woodland/core";
+import { Button as $ } from "@sps-woodland/core/button";
+import { SpsTextInput as te, SpsCheckbox as ne } from "@spscommerce/ds-react";
+import { ContentRowCol as a } from "../content-row-col/ContentRowCol.js";
+import { ContentRowExpansion as ae } from "../content-row-expansion/ContentRowExpansion.js";
+import { useWoodlandLanguage as le } from "@spscommerce/i18n";
+import { expandButton as oe, expandIcon as ce, contentTableRowSpacer as re, contentTableRow as se, section as f, contentRow as me, contentRowColGroup as ie, reorderableSection as G, reorderableButton as L, reorderableLayout as ue, indexContainerWrapper as de, indexContainer as pe, indexContainerElement as fe } from "./ContentRow.css.js";
+import { SpsIcon as M, ButtonKind as U } from "@spscommerce/ds-shared";
+function Ee({
+  children: j,
+  className: y,
+  alternateLayout: c = !1,
+  initiallyExpanded: h = !1,
+  cardSpacing: q = !1,
+  expanded: w,
+  onBeforeCollapsed: x,
+  onBeforeExpanded: g,
+  onSelectionChange: z,
+  onCollapsed: R,
+  onExpanded: S,
+  selectable: i = !1,
+  selected: E,
+  selectIndeterminate: I,
+  renderExpandedContent: b = !0,
+  disableSelection: A = !1,
+  disableExpansion: k = !1,
+  hideExpansionControl: u = !1,
+  __autoLayout: v = !1,
+  __reorderable: m = !1,
+  __onOrderChange: d = () => {
+  },
+  __index: t = 0,
+  __canBeMovedUp: P,
+  __canBeMovedDown: B,
+  ...T
+}) {
+  const [V, [r]] = _(j, [
+    { type: a },
+    { type: ae }
+  ]), { t: D } = le(), [J, F] = e.useState(
+    b || h
+  ), [Q, H] = e.useState(h), n = typeof w == "boolean" ? w : Q, W = v ? n : J, [C, N] = e.useState((t + 1).toString() || "");
+  e.useEffect(() => {
+    N((t + 1).toString() || "");
+  }, [t]);
+  function X(l) {
+    N(l.target.value);
+  }
+  function K() {
+    Number(C) ? d(t, Number(C) - 1) : (N((t + 1).toString() || ""), d(t, t));
+  }
+  function Y(l) {
+    l.stopPropagation(), n && (!x || x()) ? (H(!1), b || F(!1), R && R()) : !n && (!g || g()) && (H(!0), b || F(!0), S && S());
+  }
+  const s = () => /* @__PURE__ */ e.createElement(
+    ne,
+    {
+      disabled: A,
+      checked: E,
+      indeterminate: I,
+      onChange: z
+    }
+  ), p = /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: o(oe),
+      onClick: Y,
+      "aria-label": D(`contentRow.${n ? "collapse" : "expand"}`, { defaultValue: `${n ? "Collapse" : "Expand"}` }),
+      disabled: k
+    },
+    /* @__PURE__ */ e.createElement(
+      ee,
+      {
+        className: o(ce({ disabled: k })),
+        icon: n ? "minus-circle" : "plus-circle"
+      }
+    )
+  );
+  if (v) {
+    const l = /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", { className: o(re), colSpan: 100 }));
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "tr",
+      {
+        className: o(
+          se({ selected: E || I, expanded: n })
+        ),
+        ...T
+      },
+      i && !c && /* @__PURE__ */ e.createElement(a, { widthPx: 46, __autoLayout: !0 }, /* @__PURE__ */ e.createElement(s, null)),
+      r && !c && !u && /* @__PURE__ */ e.createElement(a, { widthPx: 44, __autoLayout: !0 }, p),
+      r && i && c && /* @__PURE__ */ e.createElement(a, { widthPx: 46, __autoLayout: !0 }, u ? /* @__PURE__ */ e.createElement(s, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: f }, /* @__PURE__ */ e.createElement(s, null)), /* @__PURE__ */ e.createElement("section", { className: f }, p))),
+      V
+    ), W && r, l);
+  }
+  const O = /* @__PURE__ */ e.createElement("div", { className: o(me({ expanded: n }), y), ...T }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: o(
+        ie({
+          expanded: n,
+          selected: E,
+          cardSpacing: q,
+          reorderable: m
+        })
+      )
+    },
+    m && /* @__PURE__ */ e.createElement(a, { widthPx: 53, style: { position: "relative" } }, /* @__PURE__ */ e.createElement("section", { className: G({ reorderable: m }) }, /* @__PURE__ */ e.createElement(
+      $,
+      {
+        className: L({
+          up: !0,
+          disabled: !P
+        }),
+        kind: U.ICON,
+        icon: M.CHEVRON_UP,
+        onClick: () => d(t, t - 1),
+        disabled: !P
+      }
+    )), /* @__PURE__ */ e.createElement("section", { className: G({ reorderable: m }) }, /* @__PURE__ */ e.createElement(
+      $,
+      {
+        className: L({
+          down: !0,
+          disabled: !B
+        }),
+        kind: U.ICON,
+        icon: M.CHEVRON_DOWN,
+        onClick: () => d(t, t + 1),
+        disabled: !B
+      }
+    ))),
+    i && !c && /* @__PURE__ */ e.createElement(a, { widthPx: 46 }, /* @__PURE__ */ e.createElement(s, null)),
+    r && !c && !u && /* @__PURE__ */ e.createElement(a, { widthPx: 44 }, p),
+    r && i && c && /* @__PURE__ */ e.createElement(a, { widthPx: 46 }, u ? /* @__PURE__ */ e.createElement(s, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: f }, /* @__PURE__ */ e.createElement(s, null)), /* @__PURE__ */ e.createElement("section", { className: f }, p))),
+    V
+  ), W && r);
+  return m ? /* @__PURE__ */ e.createElement("div", { className: ue }, /* @__PURE__ */ e.createElement("div", { className: o(de, y) }, /* @__PURE__ */ e.createElement("div", { className: pe }, /* @__PURE__ */ e.createElement(
+    te,
+    {
+      className: fe,
+      value: C,
+      onChange: X,
+      onBlur: () => K(),
+      onKeyUp: (l) => {
+        l.key === "Enter" && K();
+      },
+      notClearable: !0
+    }
+  ))), O) : O;
+}
+Z.set(Ee, {
+  name: "Content Row",
+  props: {
+    alternateLayout: { type: "boolean", default: "false" },
+    initiallyExpanded: { type: "boolean", default: "false" },
+    cardSpacing: { type: "boolean", default: "false" },
+    expanded: { type: "boolean" },
+    onBeforeCollapsed: { type: "() => boolean" },
+    onBeforeExpanded: { type: "() => boolean" },
+    onSelectionChange: { type: "ChangeEventHandler" },
+    onCollapsed: { type: "() => void" },
+    onExpanded: { type: "() => void" },
+    selectable: { type: "boolean", default: "false" },
+    selected: { type: "boolean" },
+    renderExpandedContent: { type: "boolean", default: "true" },
+    disableSelection: { type: "boolean", default: "false" },
+    disableExpansion: { type: "boolean", default: "false" },
+    hideExpansionControl: { type: "boolean", default: "false" }
+  }
+});
+export {
+  Ee as ContentRow
+};

package/lib/content-row/content-row-col/ContentRowCol.css.d.ts

@@ -0,0 +1,51 @@
+export declare const contentRowCol: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    lean: {
+        true: {
+            paddingTop: string;
+            paddingRight: string;
+            paddingBottom: string;
+            paddingLeft: string;
+        };
+        false: {};
+    };
+    borderless: {
+        true: {};
+        false: {
+            selectors: {
+                "&:not(:first-child)": {
+                    borderLeft: `${string} ${string} ${string}`;
+                };
+            };
+        };
+    };
+    wrapContent: {
+        true: {
+            wordBreak: "break-word";
+        };
+        false: {};
+    };
+}>;
+export declare const contentRowTableCol: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    lean: {
+        true: {
+            paddingTop: string;
+            paddingRight: string;
+            paddingBottom: string;
+            paddingLeft: string;
+        };
+        false: {};
+    };
+    borderless: {
+        true: {
+            borderLeftWidth: "0";
+        };
+        false: {};
+    };
+    wrapContent: {
+        true: {
+            wordBreak: "break-word";
+        };
+        false: {};
+    };
+}>;
+//# sourceMappingURL=ContentRowCol.css.d.ts.map

package/lib/content-row/content-row-col/ContentRowCol.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRowCol.css.d.ts","sourceRoot":"","sources":["../../../src/content-row/content-row-col/ContentRowCol.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCxB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;EAsD7B,CAAC"}

package/lib/content-row/content-row-col/ContentRowCol.css.js

@@ -0,0 +1,8 @@
+/* empty css                                           */
+/* empty css                                 */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var e = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr0", variantClassNames: { lean: { true: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr1", false: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr2" }, borderless: { true: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr3", false: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr4" }, wrapContent: { true: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr5", false: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr6" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr7", variantClassNames: { lean: { true: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr8", false: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jr9" }, borderless: { true: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jra", false: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jrb" }, wrapContent: { true: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jrc", false: "pkg_sps-woodland_core__version_8_51_0__hash_gqq3jrd" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] });
+export {
+  e as contentRowCol,
+  r as contentRowTableCol
+};

package/lib/content-row/content-row-col/ContentRowCol.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function ContentRowCol({ children, className, borderless, lean, widthPx, widthRem, style, wrapContent, __autoLayout, ...rest }: ComponentProps<{
+    borderless?: boolean;
+    lean?: boolean;
+    widthPx?: number;
+    widthRem?: number;
+    wrapContent?: boolean;
+    __autoLayout?: boolean;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ContentRowCol.d.ts.map

package/lib/content-row/content-row-col/ContentRowCol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRowCol.d.ts","sourceRoot":"","sources":["../../../src/content-row/content-row-col/ContentRowCol.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAmB,EACnB,YAAoB,EACpB,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CA+BrB"}

package/lib/content-row/content-row-col/ContentRowCol.js

@@ -0,0 +1,50 @@
+import * as s from "react";
+import { Metadata as y, cl as c } from "@sps-woodland/core";
+import { contentRowTableCol as b, contentRowCol as C } from "./ContentRowCol.css.js";
+function R({
+  children: e,
+  className: t,
+  borderless: o,
+  lean: n,
+  widthPx: a,
+  widthRem: f,
+  style: l,
+  wrapContent: r = !1,
+  __autoLayout: w = !1,
+  ...m
+}) {
+  const p = a ? a / 16 : f, i = p ? {
+    ...l,
+    width: `${p}rem`
+  } : l;
+  return w ? /* @__PURE__ */ s.createElement(
+    "td",
+    {
+      className: c(b({ lean: n, borderless: o, wrapContent: r }), t),
+      ...m,
+      style: i
+    },
+    e
+  ) : /* @__PURE__ */ s.createElement(
+    "div",
+    {
+      className: c(C({ lean: n, borderless: o, wrapContent: r }), t),
+      ...m,
+      style: i
+    },
+    e
+  );
+}
+y.set(R, {
+  name: "Content Row Col",
+  props: {
+    borderless: { type: "boolean" },
+    lean: { type: "boolean" },
+    widthPx: { type: "number" },
+    widthRem: { type: "number" },
+    wrapContent: { type: "boolean" }
+  }
+});
+export {
+  R as ContentRowCol
+};

package/lib/content-row/content-row-expansion/ContentRowExpansion.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ComponentProps } from "@sps-woodland/core";
+export declare function ContentRowExpansion({ children, className, __autoLayout, ...rest }: ComponentProps<{
+    __autoLayout?: boolean;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ContentRowExpansion.d.ts.map

package/lib/content-row/content-row-expansion/ContentRowExpansion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRowExpansion.d.ts","sourceRoot":"","sources":["../../../src/content-row/content-row-expansion/ContentRowExpansion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,cAAc,EAAY,MAAM,oBAAoB,CAAC;AAIlE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,YAAoB,EACpB,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAoBrB"}

package/lib/content-row/content-row-expansion/ContentRowExpansion.js

@@ -0,0 +1,25 @@
+import * as n from "react";
+import { Metadata as c, cl as a } from "@sps-woodland/core";
+import { contentRowExpansion as m } from "../content-row/ContentRow.css.js";
+function i({
+  children: t,
+  className: o,
+  __autoLayout: e = !1,
+  ...r
+}) {
+  return e ? /* @__PURE__ */ n.createElement("tr", null, /* @__PURE__ */ n.createElement(
+    "td",
+    {
+      className: a(m({ __autoLayout: e }), o),
+      colSpan: 100,
+      ...r
+    },
+    t
+  )) : /* @__PURE__ */ n.createElement("div", { className: a(m({ __autoLayout: e }), o), ...r }, t);
+}
+c.set(i, {
+  name: "Content Row Expansion"
+});
+export {
+  i as ContentRowExpansion
+};

package/lib/content-row/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./content-row/ContentRow";
+export * from "./content-row-col/ContentRowCol";
+export * from "./content-row-expansion/ContentRowExpansion";
+export * from "./row-list-auto-layout/RowListAutoLayout";
+//# sourceMappingURL=index.d.ts.map

package/lib/content-row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/content-row/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,0CAA0C,CAAC"}