@sps-woodland/dropdowns 8.45.4 → 8.45.5
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.
- package/lib/index.js +3 -3
- package/lib/index.umd.cjs +1 -1
- package/lib/option-list/Option.d.ts +1 -2
- package/lib/option-list/OptionList.d.ts +1 -2
- package/lib/style.css +1 -1
- package/package.json +14 -14
package/lib/index.js
CHANGED
|
@@ -55,7 +55,7 @@ var S = (e, r, n) => {
|
|
|
55
55
|
for (var [i, l] of e.compoundVariants)
|
|
56
56
|
S(i, o, e.defaultVariants) && (n += " " + l);
|
|
57
57
|
return n;
|
|
58
|
-
}, x = O({ defaultClassName: "pkg_sps-
|
|
58
|
+
}, x = O({ defaultClassName: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz0", variantClassNames: { kind: { default: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz1", key: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz2", confirm: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz3", delete: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz4" }, disabled: { true: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz5", false: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz6" }, spinning: { true: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz7", false: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz8" } }, defaultVariants: { kind: "default", disabled: !1, spinning: !1 }, compoundVariants: [] }), B = "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz9", W = "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdza", q = O({ defaultClassName: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzb", variantClassNames: { spinning: { true: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzc", false: "pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzd" } }, defaultVariants: {}, compoundVariants: [] });
|
|
59
59
|
function A({
|
|
60
60
|
label: e,
|
|
61
61
|
disabled: r,
|
|
@@ -118,7 +118,7 @@ h.set(A, {
|
|
|
118
118
|
spinning: "boolean"
|
|
119
119
|
}
|
|
120
120
|
});
|
|
121
|
-
var H = "pkg_sps-
|
|
121
|
+
var H = "pkg_sps-woodland_dropdowns__version_8_45_5__hash_qzju7d0", R = "pkg_sps-woodland_dropdowns__version_8_45_5__hash_qzju7d1";
|
|
122
122
|
function z({ disabled: e, children: r, ...n }) {
|
|
123
123
|
return /* @__PURE__ */ _.createElement(
|
|
124
124
|
D,
|
|
@@ -134,7 +134,7 @@ h.set(z, {
|
|
|
134
134
|
name: "Option",
|
|
135
135
|
props: {}
|
|
136
136
|
});
|
|
137
|
-
var T = "pkg_sps-
|
|
137
|
+
var T = "pkg_sps-woodland_dropdowns__version_8_45_5__hash_1jben8t0", F = "pkg_sps-woodland_dropdowns__version_8_45_5__hash_1jben8t1";
|
|
138
138
|
function K({
|
|
139
139
|
buttonRef: e,
|
|
140
140
|
conformWidth: r,
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(o,f){typeof exports=="object"&&typeof module<"u"?f(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"],f):(o=typeof globalThis<"u"?globalThis:o||self,f(o.Dropdowns={},o.React,o.core,o.react,o.i18n))})(this,function(o,f,s,h,E){"use strict";function N(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=N(f);function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(d){return Object.getOwnPropertyDescriptor(e,d).enumerable})),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?b(Object(n),!0).forEach(function(r){S(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}var D=(e,t,n)=>{for(var r of Object.keys(e)){var d;if(e[r]!==((d=t[r])!==null&&d!==void 0?d:n[r]))return!1}return!0},k=e=>t=>{var n=e.defaultClassName,r=g(g({},e.defaultVariants),t);for(var d in r){var i,_=(i=r[d])!==null&&i!==void 0?i:e.defaultVariants[d];if(_!=null){var p=_;typeof p=="boolean"&&(p=p===!0?"true":"false");var l=e.variantClassNames[d][p];l&&(n+=" "+l)}}for(var[u,c]of e.compoundVariants)D(u,r,e.defaultVariants)&&(n+=" "+c);return n},M=k({defaultClassName:"pkg_sps-
|
|
1
|
+
(function(o,f){typeof exports=="object"&&typeof module<"u"?f(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"],f):(o=typeof globalThis<"u"?globalThis:o||self,f(o.Dropdowns={},o.React,o.core,o.react,o.i18n))})(this,(function(o,f,s,h,E){"use strict";function N(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=N(f);function S(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(d){return Object.getOwnPropertyDescriptor(e,d).enumerable})),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?b(Object(n),!0).forEach(function(r){S(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}var D=(e,t,n)=>{for(var r of Object.keys(e)){var d;if(e[r]!==((d=t[r])!==null&&d!==void 0?d:n[r]))return!1}return!0},k=e=>t=>{var n=e.defaultClassName,r=g(g({},e.defaultVariants),t);for(var d in r){var i,_=(i=r[d])!==null&&i!==void 0?i:e.defaultVariants[d];if(_!=null){var p=_;typeof p=="boolean"&&(p=p===!0?"true":"false");var l=e.variantClassNames[d][p];l&&(n+=" "+l)}}for(var[u,c]of e.compoundVariants)D(u,r,e.defaultVariants)&&(n+=" "+c);return n},M=k({defaultClassName:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz0",variantClassNames:{kind:{default:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz1",key:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz2",confirm:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz3",delete:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz4"},disabled:{true:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz5",false:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz6"},spinning:{true:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz7",false:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz8"}},defaultVariants:{kind:"default",disabled:!1,spinning:!1},compoundVariants:[]}),V="pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz9",C="pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdza",q=k({defaultClassName:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzb",variantClassNames:{spinning:{true:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzc",false:"pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzd"}},defaultVariants:{},compoundVariants:[]});function O({label:e,disabled:t,icon:n,kind:r="default",maxHeightPx:d,maxHeightRem:i,spinning:_,onOpen:p,onClose:l,loading:u,className:c,children:w,...m}){const{t:y}=E.useWoodlandLanguage(),z=a.useRef(null),P=s.useChildTestIdAttrBuilder(m),R=a.useMemo(()=>s.modChildren(w,()=>[{maxHeightPx:d,maxHeightRem:i,buttonRef:z,loading:u,onClose:l}]),[w]);return a.createElement(h.MenuProvider,null,a.createElement(h.MenuButton,{ref:z,className:s.cl(M({kind:r,disabled:t,spinning:_}),c),disabled:t||_,"data-testid":`${P}__dropdown`,...m},_&&a.createElement(s.Spinner,{color:r==="default"?"dark":"light",className:q({spinning:_}),title:y("button.spinningTitle",{defaultValue:"Loading..."}),"data-testid":`${P}__spinner`}),n&&a.createElement(s.Icon,{icon:n,className:V,"aria-hidden":"true"}),e,a.createElement(s.Icon,{icon:"chevron-down",className:C})),R)}s.Metadata.set(O,{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 I="pkg_sps-woodland_dropdowns__version_8_45_5__hash_qzju7d0",L="pkg_sps-woodland_dropdowns__version_8_45_5__hash_qzju7d1";function v({disabled:e,children:t,...n}){return a.createElement(h.MenuItem,{className:s.cl(I,e&&L),"aria-disabled":e,...n},t)}s.Metadata.set(v,{name:"Option",props:{}});var T="pkg_sps-woodland_dropdowns__version_8_45_5__hash_1jben8t0",B="pkg_sps-woodland_dropdowns__version_8_45_5__hash_1jben8t1";function j({buttonRef:e,conformWidth:t,maxHeightPx:n,maxHeightRem:r,minWidth:d,loading:i,onClose:_,children:p,...l}){const[u,c]=a.useState(void 0);a.useEffect(()=>{t&&e?.current&&c(e.current.offsetWidth)},[t,e]);const w=n?n/16:r,m={...w?{maxHeight:`${w}rem`}:{},...t&&u?{width:u}:{}},[y]=s.selectChildren(p,[{type:v}]);return a.createElement(h.Menu,{className:s.cl(T),style:m,onClose:_,preventBodyScroll:!0,typeahead:!0,...l},i?a.createElement(s.Spinner,{className:B}):y)}s.Metadata.set(j,{name:"Option List",props:{conformWidth:"boolean"}}),o.Dropdown=O,o.Option=v,o.OptionList=j,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
1
|
import { ComponentProps } from "@sps-woodland/core";
|
|
3
2
|
export declare function OptionList({ buttonRef, conformWidth, maxHeightPx, maxHeightRem, minWidth, loading, onClose, children, ...rest }: ComponentProps<{
|
|
4
3
|
buttonRef?: any;
|
|
@@ -8,4 +7,4 @@ export declare function OptionList({ buttonRef, conformWidth, maxHeightPx, maxHe
|
|
|
8
7
|
minWidth?: number;
|
|
9
8
|
loading?: boolean;
|
|
10
9
|
onClose?: () => void;
|
|
11
|
-
}>):
|
|
10
|
+
}>): JSX.Element;
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-
|
|
1
|
+
.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz0{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_dropdowns__version_8_45_5__hash_16yekdz0:focus{outline-color:#007db8;outline-style:solid;outline-offset:.125rem;outline-width:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz0[aria-expanded=true]{border-radius:.25rem .25rem 0 0}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz1{background:#e9e9ea;color:#4b5356;border-color:#d2d4d4}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz1:hover{background:#d2d4d4}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz2{background:#4b5356;color:#fff;border-color:#1f282c}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz2:hover{background:#1f282c}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz3{background:#007db8;color:#fff;border-color:#09638d}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz3:hover{background:#09638d}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz4{background:#de002e;color:#fff;border-color:#a30d2d}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz4:hover{background:#a30d2d}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz5{cursor:not-allowed;color:#717779;background:#fff;border-color:#d2d4d4}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz7{display:inline-block;color:transparent!important;cursor:not-allowed}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdz9{line-height:0;font-size:.875rem;margin-right:.25rem}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdza{line-height:0;font-size:.75rem;position:absolute;top:10px;right:12px}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzb{left:50%;margin:-.875rem -.4375rem;position:absolute;top:22px}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzc{cursor:not-allowed}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzd{display:none}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_16yekdzb>i{border-width:.125rem;height:.875rem;width:.875rem;display:block}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_qzju7d0{cursor:pointer;display:block;font-weight:400;padding:.5rem 1rem;white-space:break-spaces;overflow-wrap:break-word}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_qzju7d0:hover{background:#e6f2f8}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_qzju7d0:focus{background:#e6f2f8;outline:.125rem solid #007db8ff!important;outline-offset:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_qzju7d1{color:#717779}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_1jben8t0{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_dropdowns__version_8_45_5__hash_1jben8t0:focus{outline:.125rem solid #007db8ff!important;outline-offset:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_dropdowns__version_8_45_5__hash_1jben8t1{margin:1rem 4rem}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/dropdowns",
|
|
3
3
|
"description": "SPS Woodland Design System dropdown form components",
|
|
4
|
-
"version": "8.45.
|
|
4
|
+
"version": "8.45.5",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/forms-core",
|
|
@@ -27,23 +27,23 @@
|
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"@ariakit/react": "^0.4.15",
|
|
30
|
-
"@spscommerce/utils": "^7.0.0 || ^8.0.0",
|
|
30
|
+
"@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
|
|
31
31
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
32
|
-
"react-dom": "^16.14.0",
|
|
33
|
-
"@sps-woodland/core": "8.45.
|
|
34
|
-
"@sps-woodland/tokens": "8.45.
|
|
35
|
-
"@spscommerce/i18n": "8.45.
|
|
32
|
+
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
33
|
+
"@sps-woodland/core": "8.45.5",
|
|
34
|
+
"@sps-woodland/tokens": "8.45.5",
|
|
35
|
+
"@spscommerce/i18n": "8.45.5"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@ariakit/react": "^0.4.15",
|
|
39
|
-
"@spscommerce/utils": "
|
|
40
|
-
"@vanilla-extract/css": "
|
|
41
|
-
"@vanilla-extract/recipes": "
|
|
42
|
-
"react": "
|
|
43
|
-
"react-dom": "
|
|
44
|
-
"@sps-woodland/
|
|
45
|
-
"@
|
|
46
|
-
"@
|
|
39
|
+
"@spscommerce/utils": "9.0.3",
|
|
40
|
+
"@vanilla-extract/css": "1.17.4",
|
|
41
|
+
"@vanilla-extract/recipes": "0.2.5",
|
|
42
|
+
"react": "16.14.0",
|
|
43
|
+
"react-dom": "16.14.0",
|
|
44
|
+
"@sps-woodland/tokens": "8.45.5",
|
|
45
|
+
"@spscommerce/i18n": "8.45.5",
|
|
46
|
+
"@sps-woodland/core": "8.45.5"
|
|
47
47
|
},
|
|
48
48
|
"scripts": {
|
|
49
49
|
"build": "pnpm run build:js && pnpm run build:types",
|