@sps-woodland/core 8.50.2 → 8.51.1

package/lib/dropdowns/index.js

@@ -0,0 +1,180 @@
+import * as o from "react";
+import { Metadata as m, useChildTestIdAttrBuilder as P, modChildren as N, cl as h, Spinner as O, Icon as y, selectChildren as j } from "@sps-woodland/core";
+import { MenuProvider as V, MenuButton as C, MenuItem as D, Menu as I } from "@ariakit/react";
+import { useWoodlandLanguage as L } from "@spscommerce/i18n";
+function M(e, a, r) {
+  return a in e ? Object.defineProperty(e, a, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[a] = r, e;
+}
+function g(e, a) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var _ = Object.getOwnPropertySymbols(e);
+    a && (_ = _.filter(function(t) {
+      return Object.getOwnPropertyDescriptor(e, t).enumerable;
+    })), r.push.apply(r, _);
+  }
+  return r;
+}
+function b(e) {
+  for (var a = 1; a < arguments.length; a++) {
+    var r = arguments[a] != null ? arguments[a] : {};
+    a % 2 ? g(Object(r), !0).forEach(function(_) {
+      M(e, _, r[_]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : g(Object(r)).forEach(function(_) {
+      Object.defineProperty(e, _, Object.getOwnPropertyDescriptor(r, _));
+    });
+  }
+  return e;
+}
+var S = (e, a, r) => {
+  for (var _ of Object.keys(e)) {
+    var t;
+    if (e[_] !== ((t = a[_]) !== null && t !== void 0 ? t : r[_]))
+      return !1;
+  }
+  return !0;
+}, k = (e) => (a) => {
+  var r = e.defaultClassName, _ = b(b({}, e.defaultVariants), a);
+  for (var t in _) {
+    var s, n = (s = _[t]) !== null && s !== void 0 ? s : e.defaultVariants[t];
+    if (n != null) {
+      var d = n;
+      typeof d == "boolean" && (d = d === !0 ? "true" : "false");
+      var l = (
+        // @ts-expect-error
+        e.variantClassNames[t][d]
+      );
+      l && (r += " " + l);
+    }
+  }
+  for (var [i, p] of e.compoundVariants)
+    S(i, _, e.defaultVariants) && (r += " " + p);
+  return r;
+}, B = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx0", variantClassNames: { kind: { default: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx1", key: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx2", confirm: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx3", delete: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx4" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx5", false: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx6" }, spinning: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx7", false: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx8" } }, defaultVariants: { kind: "default", disabled: !1, spinning: !1 }, compoundVariants: [] }), W = "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx9", A = "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxa", H = k({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxb", variantClassNames: { spinning: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxc", false: "pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxd" } }, defaultVariants: {}, compoundVariants: [] });
+function R({
+  label: e,
+  disabled: a,
+  icon: r,
+  kind: _ = "default",
+  maxHeightPx: t,
+  maxHeightRem: s,
+  spinning: n,
+  onOpen: d,
+  onClose: l,
+  loading: i,
+  className: p,
+  children: u,
+  ...c
+}) {
+  const { t: f } = L(), v = o.useRef(null), w = P(c), E = o.useMemo(
+    () => N(u, () => [
+      {
+        maxHeightPx: t,
+        maxHeightRem: s,
+        buttonRef: v,
+        loading: i,
+        onClose: l
+      }
+    ]),
+    [u]
+  );
+  return /* @__PURE__ */ o.createElement(V, null, /* @__PURE__ */ o.createElement(
+    C,
+    {
+      ref: v,
+      className: h(B({ kind: _, disabled: a, spinning: n }), p),
+      disabled: a || n,
+      "data-testid": `${w}__dropdown`,
+      ...c
+    },
+    n && /* @__PURE__ */ o.createElement(
+      O,
+      {
+        color: _ === "default" ? "dark" : "light",
+        className: H({ spinning: n }),
+        title: f("button.spinningTitle", { defaultValue: "Loading..." }),
+        "data-testid": `${w}__spinner`
+      }
+    ),
+    r && /* @__PURE__ */ o.createElement(y, { icon: r, className: W, "aria-hidden": "true" }),
+    e,
+    /* @__PURE__ */ o.createElement(y, { icon: "chevron-down", className: A })
+  ), E);
+}
+m.set(R, {
+  name: "Dropdown",
+  props: {
+    label: { type: "string", required: !0 },
+    disabled: "boolean",
+    icon: "IconName",
+    kind: { type: '"default" | "key" | "confirm" | "delete"', default: '"default"' },
+    maxHeightPx: "number",
+    maxHeightRem: "number",
+    spinning: "boolean"
+  }
+});
+var T = "pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k0", q = "pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k1";
+function x({ disabled: e, children: a, ...r }) {
+  return /* @__PURE__ */ o.createElement(
+    D,
+    {
+      className: h(T, e && q),
+      "aria-disabled": e,
+      ...r
+    },
+    a
+  );
+}
+m.set(x, {
+  name: "Option",
+  props: {}
+});
+var F = "pkg_sps-woodland_core__version_8_51_1__hash_mxlo6o0", K = "pkg_sps-woodland_core__version_8_51_1__hash_mxlo6o1";
+function z({
+  buttonRef: e,
+  conformWidth: a,
+  maxHeightPx: r,
+  maxHeightRem: _,
+  minWidth: t,
+  loading: s,
+  onClose: n,
+  children: d,
+  ...l
+}) {
+  const [i, p] = o.useState(void 0);
+  o.useEffect(() => {
+    a && e?.current && p(e.current.offsetWidth);
+  }, [a, e]);
+  const u = r ? r / 16 : _, c = {
+    ...u ? { maxHeight: `${u}rem` } : {},
+    ...a && i ? { width: i } : {}
+  }, [f] = j(d, [{ type: x }]);
+  return /* @__PURE__ */ o.createElement(
+    I,
+    {
+      className: h(F),
+      style: c,
+      onClose: n,
+      preventBodyScroll: !0,
+      typeahead: !0,
+      ...l
+    },
+    s ? /* @__PURE__ */ o.createElement(O, { className: K }) : f
+  );
+}
+m.set(z, {
+  name: "Option List",
+  props: {
+    conformWidth: "boolean"
+  }
+});
+export {
+  R as Dropdown,
+  x as Option,
+  z as OptionList
+};

package/lib/dropdowns/index.umd.cjs

@@ -0,0 +1 @@
+(function(o,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react"),require("@sps-woodland/core"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@ariakit/react","@spscommerce/i18n"],c):(o=typeof globalThis<"u"?globalThis:o||self,c(o.Dropdowns={},o.React,o.core,o.react,o.i18n))})(this,(function(o,c,a,h,E){"use strict";function N(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=N(c);function S(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable})),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?g(Object(r),!0).forEach(function(n){S(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}var D=(e,t,r)=>{for(var n of Object.keys(e)){var _;if(e[n]!==((_=t[n])!==null&&_!==void 0?_:r[n]))return!1}return!0},b=e=>t=>{var r=e.defaultClassName,n=O(O({},e.defaultVariants),t);for(var _ in n){var i,d=(i=n[_])!==null&&i!==void 0?i:e.defaultVariants[_];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=e.variantClassNames[_][l];p&&(r+=" "+p)}}for(var[u,f]of e.compoundVariants)D(u,n,e.defaultVariants)&&(r+=" "+f);return r},M=b({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx0",variantClassNames:{kind:{default:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx1",key:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx2",confirm:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx3",delete:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx4"},disabled:{true:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx5",false:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx6"},spinning:{true:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx7",false:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx8"}},defaultVariants:{kind:"default",disabled:!1,spinning:!1},compoundVariants:[]}),V="pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx9",C="pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxa",I=b({defaultClassName:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxb",variantClassNames:{spinning:{true:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxc",false:"pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxd"}},defaultVariants:{},compoundVariants:[]});function k({label:e,disabled:t,icon:r,kind:n="default",maxHeightPx:_,maxHeightRem:i,spinning:d,onOpen:l,onClose:p,loading:u,className:f,children:m,...v}){const{t:w}=E.useWoodlandLanguage(),j=s.useRef(null),P=a.useChildTestIdAttrBuilder(v),R=s.useMemo(()=>a.modChildren(m,()=>[{maxHeightPx:_,maxHeightRem:i,buttonRef:j,loading:u,onClose:p}]),[m]);return s.createElement(h.MenuProvider,null,s.createElement(h.MenuButton,{ref:j,className:a.cl(M({kind:n,disabled:t,spinning:d}),f),disabled:t||d,"data-testid":`${P}__dropdown`,...v},d&&s.createElement(a.Spinner,{color:n==="default"?"dark":"light",className:I({spinning:d}),title:w("button.spinningTitle",{defaultValue:"Loading..."}),"data-testid":`${P}__spinner`}),r&&s.createElement(a.Icon,{icon:r,className:V,"aria-hidden":"true"}),e,s.createElement(a.Icon,{icon:"chevron-down",className:C})),R)}a.Metadata.set(k,{name:"Dropdown",props:{label:{type:"string",required:!0},disabled:"boolean",icon:"IconName",kind:{type:'"default" | "key" | "confirm" | "delete"',default:'"default"'},maxHeightPx:"number",maxHeightRem:"number",spinning:"boolean"}});var L="pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k0",T="pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k1";function y({disabled:e,children:t,...r}){return s.createElement(h.MenuItem,{className:a.cl(L,e&&T),"aria-disabled":e,...r},t)}a.Metadata.set(y,{name:"Option",props:{}});var q="pkg_sps-woodland_core__version_8_51_1__hash_mxlo6o0",B="pkg_sps-woodland_core__version_8_51_1__hash_mxlo6o1";function x({buttonRef:e,conformWidth:t,maxHeightPx:r,maxHeightRem:n,minWidth:_,loading:i,onClose:d,children:l,...p}){const[u,f]=s.useState(void 0);s.useEffect(()=>{t&&e?.current&&f(e.current.offsetWidth)},[t,e]);const m=r?r/16:n,v={...m?{maxHeight:`${m}rem`}:{},...t&&u?{width:u}:{}},[w]=a.selectChildren(l,[{type:y}]);return s.createElement(h.Menu,{className:a.cl(q),style:v,onClose:d,preventBodyScroll:!0,typeahead:!0,...p},i?s.createElement(a.Spinner,{className:B}):w)}a.Metadata.set(x,{name:"Option List",props:{conformWidth:"boolean"}}),o.Dropdown=k,o.Option=y,o.OptionList=x,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));

package/lib/dropdowns/option-list/Option.css.d.ts

@@ -0,0 +1,3 @@
+export declare const option: string;
+export declare const disabled: string;
+//# sourceMappingURL=Option.css.d.ts.map

package/lib/dropdowns/option-list/Option.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.css.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/Option.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,QAuBlB,CAAC;AAEF,eAAO,MAAM,QAAQ,QAEnB,CAAC"}

package/lib/dropdowns/option-list/Option.css.js

@@ -0,0 +1,6 @@
+/* empty css                          */
+var o = "pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k0", s = "pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k1";
+export {
+  s as disabled,
+  o as option
+};

package/lib/dropdowns/option-list/Option.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from "@sps-woodland/core";
+export declare function Option({ disabled, children, ...rest }: ComponentProps<{
+    disabled?: boolean;
+}>): JSX.Element;
+//# sourceMappingURL=Option.d.ts.map

package/lib/dropdowns/option-list/Option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/Option.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIlE,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,eAU7F"}

package/lib/dropdowns/option-list/Option.js

@@ -0,0 +1,22 @@
+import * as r from "react";
+import { Metadata as a, cl as m } from "@sps-woodland/core";
+import { MenuItem as i } from "@ariakit/react";
+import { option as p, disabled as n } from "./Option.css.js";
+function s({ disabled: t, children: e, ...o }) {
+  return /* @__PURE__ */ r.createElement(
+    i,
+    {
+      className: m(p, t && n),
+      "aria-disabled": t,
+      ...o
+    },
+    e
+  );
+}
+a.set(s, {
+  name: "Option",
+  props: {}
+});
+export {
+  s as Option
+};

package/lib/dropdowns/option-list/OptionList.css.d.ts

@@ -0,0 +1,3 @@
+export declare const optionList: string;
+export declare const spinner: string;
+//# sourceMappingURL=OptionList.css.d.ts.map

package/lib/dropdowns/option-list/OptionList.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionList.css.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/OptionList.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,QAuBtB,CAAC;AAEF,eAAO,MAAM,OAAO,QAElB,CAAC"}

package/lib/dropdowns/option-list/OptionList.css.js

@@ -0,0 +1,6 @@
+/* empty css                              */
+var o = "pkg_sps-woodland_core__version_8_51_1__hash_mxlo6o0", s = "pkg_sps-woodland_core__version_8_51_1__hash_mxlo6o1";
+export {
+  o as optionList,
+  s as spinner
+};

package/lib/dropdowns/option-list/OptionList.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from "@sps-woodland/core";
+export declare function OptionList({ buttonRef, conformWidth, maxHeightPx, maxHeightRem, minWidth, loading, onClose, children, ...rest }: ComponentProps<{
+    buttonRef?: any;
+    conformWidth?: boolean;
+    maxHeightPx?: number;
+    maxHeightRem?: number;
+    minWidth?: number;
+    loading?: boolean;
+    onClose?: () => void;
+}>): JSX.Element;
+//# sourceMappingURL=OptionList.d.ts.map

package/lib/dropdowns/option-list/OptionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionList.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/OptionList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,cAAc,EAA2B,MAAM,oBAAoB,CAAC;AAK3F,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CAAC;IAChB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,eA+BD"}

package/lib/dropdowns/option-list/OptionList.js

@@ -0,0 +1,46 @@
+import * as t from "react";
+import { Metadata as f, selectChildren as h, cl as y, Spinner as S } from "@sps-woodland/core";
+import { Menu as E } from "@ariakit/react";
+import { Option as L } from "./Option.js";
+import { optionList as O, spinner as W } from "./OptionList.css.js";
+function v({
+  buttonRef: e,
+  conformWidth: o,
+  maxHeightPx: n,
+  maxHeightRem: s,
+  minWidth: B,
+  loading: p,
+  onClose: a,
+  children: m,
+  ...c
+}) {
+  const [i, l] = t.useState(void 0);
+  t.useEffect(() => {
+    o && e?.current && l(e.current.offsetWidth);
+  }, [o, e]);
+  const r = n ? n / 16 : s, d = {
+    ...r ? { maxHeight: `${r}rem` } : {},
+    ...o && i ? { width: i } : {}
+  }, [u] = h(m, [{ type: L }]);
+  return /* @__PURE__ */ t.createElement(
+    E,
+    {
+      className: y(O),
+      style: d,
+      onClose: a,
+      preventBodyScroll: !0,
+      typeahead: !0,
+      ...c
+    },
+    p ? /* @__PURE__ */ t.createElement(S, { className: W }) : u
+  );
+}
+f.set(v, {
+  name: "Option List",
+  props: {
+    conformWidth: "boolean"
+  }
+});
+export {
+  v as OptionList
+};

package/lib/dropdowns/style.css

@@ -0,0 +1 @@
+.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx0{color:inherit;text-decoration:none;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;border-width:.0625rem;border-style:solid;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:600;line-height:.875rem;position:relative;padding-right:30px}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx0:focus{outline-color:#007db8;outline-style:solid;outline-offset:.125rem;outline-width:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx0[aria-expanded=true]{border-radius:.25rem .25rem 0 0}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx1{background:#e9e9ea;color:#4b5356;border-color:#d2d4d4}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx1:hover{background:#d2d4d4}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx2{background:#4b5356;color:#fff;border-color:#1f282c}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx2:hover{background:#1f282c}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx3{background:#007db8;color:#fff;border-color:#09638d}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx3:hover{background:#09638d}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx4{background:#de002e;color:#fff;border-color:#a30d2d}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx4:hover{background:#a30d2d}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx5{cursor:not-allowed;color:#717779;background:#fff;border-color:#d2d4d4}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx7{display:inline-block;color:transparent!important;cursor:not-allowed}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yx9{line-height:0;font-size:.875rem;margin-right:.25rem}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxa{line-height:0;font-size:.75rem;position:absolute;top:10px;right:12px}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxb{left:50%;margin:-.875rem -.4375rem;position:absolute;top:22px}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxc{cursor:not-allowed}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxd{display:none}.pkg_sps-woodland_core__version_8_51_1__hash_1ra15yxb>i{border-width:.125rem;height:.875rem;width:.875rem;display:block}.pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k0{cursor:pointer;display:block;font-weight:400;padding:.5rem 1rem;white-space:break-spaces;overflow-wrap:break-word}.pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k0:hover{background:#e6f2f8}.pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k0:focus{background:#e6f2f8;outline:.125rem solid #007db8ff!important;outline-offset:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__version_8_51_1__hash_1ekfy7k1{color:#717779}.pkg_sps-woodland_core__version_8_51_1__hash_mxlo6o0{background:#fff;border-style:solid;border-width:.0625rem;border-radius:.25rem;border-top-left-radius:0;border-top-right-radius:0;border-color:#717779;font-size:.75rem;overflow-y:auto;overscroll-behavior:contain;z-index:100}.pkg_sps-woodland_core__version_8_51_1__hash_mxlo6o0:focus{outline:.125rem solid #007db8ff!important;outline-offset:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__version_8_51_1__hash_mxlo6o1{margin:1rem 4rem}

package/lib/editable-table/EditableTable.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { HotTableClass } from "@handsontable/react";
+export declare const EditableTable: React.ForwardRefExoticComponent<Omit<import("@handsontable/react").HotTableProps & React.RefAttributes<HotTableClass>, "ref" | "height" | "licenseKey"> & {
+    requiredColumns?: number[];
+} & React.RefAttributes<unknown>>;
+//# sourceMappingURL=EditableTable.d.ts.map

package/lib/editable-table/EditableTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableTable.d.ts","sourceRoot":"","sources":["../../src/editable-table/EditableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AASzD,eAAO,MAAM,aAAa;sBAUF,MAAM,EAAE;iCAoF/B,CAAC"}

package/lib/editable-table/EditableTable.js

@@ -0,0 +1,71 @@
+import * as r from "react";
+import { registerAllModules as p } from "handsontable/registry";
+import { HotTable as b } from "@handsontable/react";
+import { render as l } from "react-dom";
+import { Icon as n } from "@sps-woodland/core";
+p();
+const s = "wds-editable-table__required-indicator", S = r.forwardRef(
+  ({
+    autoWrapCol: d = !0,
+    autoWrapRow: m = !0,
+    afterRender: a,
+    beforeContextMenuShow: c,
+    requiredColumns: f = [],
+    ...u
+  }, E) => {
+    const h = r.useRef(null), i = E ?? h;
+    return /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        onKeyDown: (t) => {
+          if (t.key === "Escape") {
+            const e = i.current?.hotInstance?.getActiveEditor();
+            e && e.isOpened() && (t.stopPropagation(), e.close(), e.finishEditing(!0));
+          }
+        }
+      },
+      /* @__PURE__ */ r.createElement(
+        b,
+        {
+          ref: i,
+          height: "auto",
+          className: "wds-editable-table",
+          autoWrapRow: m,
+          autoWrapCol: d,
+          beforeContextMenuShow: (t) => {
+            t.menu?.container.classList.add("wds-editable-table"), c && c(t);
+          },
+          afterRender: (t) => {
+            i.current?.hotElementRef.querySelectorAll(".htAutocomplete:not(.htDimmed)").forEach((e) => {
+              const o = e.querySelector(".htAutocompleteArrow");
+              o && l(/* @__PURE__ */ r.createElement(n, { icon: "chevron-down", size: "xs", color: "grey-medium" }), o);
+            }), a && a(t);
+          },
+          afterGetColHeader: (t, e) => {
+            if (f.includes(t) && !e.querySelector(`.${s}`)) {
+              const o = document.createElement("span");
+              e.insertBefore(o, e.firstChild), l(
+                /* @__PURE__ */ r.createElement(
+                  n,
+                  {
+                    icon: "asterisk",
+                    size: "xs",
+                    color: "red-medium",
+                    "aria-label": "Required",
+                    className: s
+                  }
+                ),
+                o
+              );
+            }
+          },
+          licenseKey: "c0365-d23e1-f7d91-a482d-2be12",
+          ...u
+        }
+      )
+    );
+  }
+);
+export {
+  S as EditableTable
+};

package/lib/editable-table/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./EditableTable";
+//# sourceMappingURL=index.d.ts.map

package/lib/editable-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editable-table/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/editable-table/index.js

@@ -0,0 +1,4 @@
+import { EditableTable as b } from "./EditableTable.js";
+export {
+  b as EditableTable
+};