@sps-woodland/list-bar 8.53.7 → 8.53.8
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.umd.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +5 -5
- package/vite.config.mjs +17 -14
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(n,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@sps-woodland/core/list-bar"),require("react"),require("@spscommerce/utils"),require("@sps-woodland/core/advanced-search"),require("@sps-woodland/core/button"),require("@spscommerce/ds-react"),require("@sps-woodland/core/search-results-bar")):typeof define=="function"&&define.amd?define(["exports","@sps-woodland/core/list-bar","react","@spscommerce/utils","@sps-woodland/core/advanced-search","@sps-woodland/core/button","@spscommerce/ds-react","@sps-woodland/core/search-results-bar"],o):(n=typeof globalThis<"u"?globalThis:n||self,o(n.ListBar={},n.
|
|
1
|
+
(function(n,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@sps-woodland/core/list-bar"),require("react"),require("@spscommerce/utils"),require("@sps-woodland/core/advanced-search"),require("@sps-woodland/core/button"),require("@spscommerce/ds-react"),require("@sps-woodland/core/search-results-bar")):typeof define=="function"&&define.amd?define(["exports","@sps-woodland/core/list-bar","react","@spscommerce/utils","@sps-woodland/core/advanced-search","@sps-woodland/core/button","@spscommerce/ds-react","@sps-woodland/core/search-results-bar"],o):(n=typeof globalThis<"u"?globalThis:n||self,o(n.ListBar={},n.spsWoodlandCoreListBar,n.react,n.spscommerceUtils,n.spsWoodlandCoreAdvancedSearch,n.spsWoodlandCoreButton,n.spscommerceDsReact,n.spsWoodlandCoreSearchResultsBar))})(this,(function(n,o,i,r,d,u,t,m){"use strict";function h(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const l in a)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(a,l);Object.defineProperty(s,l,c.get?c:{enumerable:!0,get:()=>a[l]})}}return s.default=a,Object.freeze(s)}const e=h(i),p={components:[d.AdvancedSearch],examples:{general:{label:"General Usage",description:({NavigateTo:a,Link:s})=>e.createElement(e.Fragment,null,e.createElement("p",null,'Advanced Search is comprised of a panel of input fields, and a text button that exposes and hides the panel. By default, the Advanced Search panel is hidden (with the exception of "Advanced Search Only" scenarios).'),e.createElement("p",null,"Advanced Search works in conjunction with the"," ",e.createElement(a,{to:"list-toolbar"},"List Bar")," and"," ",e.createElement(a,{to:"search-results-bar"},"Search Results")," components. Refer to those pages for additional details."),e.createElement("p",null,"Use the following guidelines when including Advanced Search on your page:",e.createElement("ul",null,e.createElement("li",null,"The Advanced Search Panel can contain any number of input fields."),e.createElement("li",null,"The Advanced Search Panel can place input fields in any unique layout to best serve the needs of the search criteria, but must adhere to the rules of the"," ",e.createElement(s,{to:"/style-and-layout/grid/"},"SPS Grid")," and guidelines for"," ",e.createElement(a,{to:"form"},"Form Layouts"),"."))))},basic:{label:"Basic Usage",description:({NavigateTo:a})=>e.createElement(e.Fragment,null,e.createElement("p",null,"A Basic Advanced Search consists of the List Bar with a search input and an Advanced Search text button. For more details on additional button and component options in the List Bar reference the ",e.createElement(a,{to:"list-toolbar"},"List Bar")," page.")),examples:{basic:{react:r.code`
|
|
2
2
|
import { ListBar, ListBarSearch, SearchResultsBar, AdvancedSearch } from "@sps-woodland/list-bar";
|
|
3
3
|
import { Button } from "@sps-woodland/buttons";
|
|
4
4
|
import { grid } from "@sps-woodland/tokens";
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-
|
|
1
|
+
.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv1{background:#fff;border-color:#d2d4d4;border-style:solid;border-width:.0625rem;border-radius:.25rem;display:flex;flex-flow:column wrap;margin-top:0;margin-right:0;margin-bottom:.5rem;margin-left:0;position:relative}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv2{width:calc(1280px - 2.5rem);border-radius:0;transform:translate(-50%);position:fixed;top:3.75rem;left:50%;z-index:999}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv2:after{content:"";background:linear-gradient(180deg,rgba(0,0,0,.1),transparent);display:block;height:.625rem;position:absolute;top:calc(100% + 1px);width:100%}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv4{display:flex;flex-wrap:wrap;padding:.5rem}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv5{display:flex;align-items:center;border-right-color:#d2d4d4;border-right-style:solid;border-right-width:.0625rem;padding:1rem;margin:-.5rem .5rem -.5rem -.5rem}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv6{align-items:center;display:inline-flex;flex:1 0 auto;height:2rem;vertical-align:middle}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv7{padding-top:.25rem;padding-right:0;padding-bottom:.25rem;padding-left:0;white-space:nowrap}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv8{display:inline-block;position:relative}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv9{margin-left:.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwva{align-items:center;display:flex;float:left;font-size:.75rem;font-weight:600;line-height:1.5rem;margin-bottom:0;padding-left:.5rem;text-transform:uppercase}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvb{display:inline-block;height:2rem;margin-left:auto;text-align:right;vertical-align:middle;white-space:nowrap}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvc{flex:1;margin-right:.25rem;max-width:25rem}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwve{background-color:#e9e9ea;border-color:#717779;border-width:.0625rem;border-style:solid;border-bottom-left-radius:0;border-bottom-right-radius:.25rem;border-top-left-radius:0;border-top-right-radius:.25rem;border-left-width:0}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwve:hover{background-color:#d2d4d4;border-width:.0625rem;border-style:solid;border-color:#717779;border-left-width:0}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvf>.sps-button{margin:0!important;background:transparent;border-color:transparent;color:#4b5356}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvf>.sps-button>button{padding:.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwve>button{height:1.875rem}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwva>i{font-size:.875rem;margin-right:.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group{flex-wrap:nowrap}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group>.sps-autocomplete{flex:1}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group>.sps-multi-select{flex:1}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group>.sps-select{min-width:30%}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group>.sps-select:not(:last-child)>.sps-select__dropctrl{height:2rem;line-height:2rem;border-bottom-right-radius:0;border-top-right-radius:0}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group>.sps-autocomplete:not(:first-child)>.sps-text-input>.sps-form-control{border-bottom-left-radius:0;border-top-left-radius:0;border-left:0}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group>.sps-autocomplete:not(:last-child)>.sps-text-input>.sps-form-control{height:2rem;line-height:2rem;border-bottom-right-radius:0;border-top-right-radius:0}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group>.sps-text-input:not(:last-child)>.sps-form-control{border-bottom-right-radius:0;border-top-right-radius:0}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group>.sps-multi-select>.sps-text-input>.sps-form-control{border-radius:0;border-left:0;height:32px}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd>.sps-input-group>.sps-text-input:not(:first-child):not(:only-child)>.sps-form-control{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwvd svg{margin-bottom:0}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h1{background-color:#e9e9ea;border-width:.0625rem;border-color:#d2d4d4;border-style:solid;border-radius:.25rem;display:flex;min-height:3.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_uzzgwv1>.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h0>.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h1{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem;border-top-width:.0625rem;border-right-width:0;border-bottom-width:0;border-left-width:0}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h2{flex:1 1 auto;border-right-width:.0625rem;border-right-color:#d2d4d4;border-right-style:solid;padding:.5rem;display:flex;align-items:center}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h3{margin-left:.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h4{flex:1 1 100%;padding:.5rem;display:flex;align-items:center;flex-wrap:wrap}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h5{margin-top:0;margin-bottom:0;margin-right:.25rem;margin-left:.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h5:first-child{margin-left:0}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h6{margin-top:.125rem;margin-bottom:.125rem;margin-right:.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h6:last-child{margin-right:0}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h7{flex:1 1 auto;border-left-width:.0625rem;border-left-style:solid;border-left-color:#d2d4d4;display:flex;align-items:center}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h7:hover{background:#d2d4d4}.pkg_sps-woodland_core__version_8_53_8__hash_1o1g57h8{padding:.5rem;width:5.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_am9pfc0{background:#fff;border-color:#d2d4d4;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-style:solid;border-top-width:0;border-right-width:.0625rem;border-bottom-width:.0625rem;border-left-width:.0625rem;display:none;margin-top:-.625rem;margin-right:0;margin-bottom:1rem;margin-left:0}.pkg_sps-woodland_core__version_8_53_8__hash_am9pfc1,.pkg_sps-woodland_core__version_8_53_8__hash_am9pfc3{display:block}.pkg_sps-woodland_core__version_8_53_8__hash_am9pfc5{padding:1rem}.pkg_sps-woodland_core__version_8_53_8__hash_am9pfc7{display:none}.pkg_sps-woodland_core__version_8_53_8__hash_am9pfc8{background:#f3f4f4;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;display:flex;padding:.5rem}.pkg_sps-woodland_core__version_8_53_8__hash_am9pfc9{text-align:right}.pkg_sps-woodland_core__version_8_53_8__hash_am9pfc8>*{flex:1}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/list-bar",
|
|
3
3
|
"description": "SPS Woodland Design System list bar components",
|
|
4
|
-
"version": "8.53.
|
|
4
|
+
"version": "8.53.8",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/list-bar",
|
|
@@ -30,15 +30,15 @@
|
|
|
30
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
32
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
33
|
-
"@sps-woodland/core": "8.53.
|
|
34
|
-
"@spscommerce/ds-react": "8.53.
|
|
33
|
+
"@sps-woodland/core": "8.53.8",
|
|
34
|
+
"@spscommerce/ds-react": "8.53.8"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@spscommerce/utils": "9.0.3",
|
|
38
38
|
"react": "16.14.0",
|
|
39
39
|
"react-dom": "16.14.0",
|
|
40
|
-
"@sps-woodland/core": "8.53.
|
|
41
|
-
"@spscommerce/ds-react": "8.53.
|
|
40
|
+
"@sps-woodland/core": "8.53.8",
|
|
41
|
+
"@spscommerce/ds-react": "8.53.8"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
44
|
"build": "pnpm run build:js && pnpm run build:types && pnpm run build:css",
|
package/vite.config.mjs
CHANGED
|
@@ -2,22 +2,25 @@ import path from "node:path";
|
|
|
2
2
|
import { defineConfig } from "vite";
|
|
3
3
|
import pkg from "./package.json";
|
|
4
4
|
import { getPeerDepsExternal } from "../../../scripts/get-peer-deps-external.mjs";
|
|
5
|
+
import { withOutputGlobals } from "../../../scripts/with-output-globals.mjs";
|
|
5
6
|
|
|
6
7
|
// List-bar is now a wrapper package that re-exports from @sps-woodland/core.
|
|
7
8
|
// No vanilla-extract needed - CSS is provided by the mono-package.
|
|
8
9
|
|
|
9
|
-
export default defineConfig(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
export default defineConfig(
|
|
11
|
+
withOutputGlobals({
|
|
12
|
+
build: {
|
|
13
|
+
lib: {
|
|
14
|
+
entry: path.resolve(__dirname, "src/index.ts"),
|
|
15
|
+
name: "ListBar",
|
|
16
|
+
fileName: "index",
|
|
17
|
+
},
|
|
18
|
+
outDir: path.resolve(__dirname, "./lib"),
|
|
19
|
+
emptyOutDir: false,
|
|
20
|
+
rollupOptions: {
|
|
21
|
+
// External must match subpath imports like @sps-woodland/core/list-bar
|
|
22
|
+
external: getPeerDepsExternal(pkg),
|
|
23
|
+
},
|
|
15
24
|
},
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
rollupOptions: {
|
|
19
|
-
// External must match subpath imports like @sps-woodland/core/list-bar
|
|
20
|
-
external: getPeerDepsExternal(pkg),
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
});
|
|
25
|
+
})
|
|
26
|
+
);
|