@sps-woodland/filter-tiles 8.7.4 → 8.7.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.cjs.js +2 -2
- package/lib/index.es.js +16 -13
- package/lib/style.css +1 -1
- package/package.json +5 -5
- /package/{vite.config.js → vite.config.mjs} +0 -0
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),c=require("@sps-woodland/core"),y=require("@spscommerce/utils");function T(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=T(O);function _(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,i)}return t}function f(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?v(Object(t),!0).forEach(function(i){_(e,i,t[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(t,i))})}return e}var S=(e,r,t)=>{for(var i of Object.keys(e)){var a;if(e[i]!==((a=r[i])!==null&&a!==void 0?a:t[i]))return!1}return!0},m=e=>r=>{var t=e.defaultClassName,i=f(f({},e.defaultVariants),r);for(var a in i){var u,o=(u=i[a])!==null&&u!==void 0?u:e.defaultVariants[a];if(o!=null){var l=o;typeof l=="boolean"&&(l=l===!0?"true":"false");var s=e.variantClassNames[a][l];s&&(t+=" "+s)}}for(var[b,p]of e.compoundVariants)S(b,i,e.defaultVariants)&&(t+=" "+p);return t},F="_1ub5g6g0",w=m({defaultClassName:"_1ub5g6g1",variantClassNames:{kind:{general:"_1ub5g6g2",error:"_1ub5g6g3",success:"_1ub5g6g4",warning:"_1ub5g6g5",processing:"_1ub5g6g6"},active:{true:"_1ub5g6g7"}},defaultVariants:{},compoundVariants:[[{kind:"general",active:!0},"_1ub5g6g8"],[{kind:"warning",active:!0},"_1ub5g6g9"],[{kind:"error",active:!0},"_1ub5g6ga"],[{kind:"processing",active:!0},"_1ub5g6gb"],[{kind:"success",active:!0},"_1ub5g6gc"]]}),j=m({defaultClassName:"_1ub5g6gf",variantClassNames:{kind:{general:"_1ub5g6gg",error:"_1ub5g6gh",success:"_1ub5g6gi",warning:"_1ub5g6gj",processing:"_1ub5g6gk"},active:{true:"_1ub5g6gl"}},defaultVariants:{kind:"general",active:!1},compoundVariants:[]}),P="_1ub5g6ge",E="_1ub5g6gd";function g({value:e,title:r,active:t,kind:i="general",className:a,...u}){const[o,l]=n.useState(!1),s=t||o;return n.createElement("div",{className:c.cl(F,a),...u},n.createElement("div",{className:w({kind:i,active:s}),onMouseOver:()=>l(!0),onMouseOut:()=>l(!1)},n.createElement("div",{className:E},e),n.createElement("div",{className:P},r)),n.createElement("div",{className:c.cl(j({active:s,kind:i}))}))}c.Metadata.set(g,{name:"Fitler tile",props:{value:{type:"number",required:!0},title:{type:"string",required:!0},active:{type:"boolean"},kind:{type:"FilterTileKind",default:"general"}}});var k="wqmu9d0";function d({className:e,children:r,...t}){return n.createElement("div",{className:c.cl(k,e),...t},r)}c.Metadata.set(d,{name:"Filter Tile Set"});const N={components:[g,d],examples:{basic:{label:"Filter Tiles",examples:{basic:{react:y.code`
|
|
2
2
|
import { FilterTile, FilterTileSet } from "@sps-woodland/filter-tiles";
|
|
3
3
|
function MyComponent() {
|
|
4
4
|
const data = [
|
|
@@ -40,4 +40,4 @@ return (
|
|
|
40
40
|
</FilterTileSet>
|
|
41
41
|
);
|
|
42
42
|
}
|
|
43
|
-
`}}}}},
|
|
43
|
+
`}}}}},M={"Filter Tiles":N};exports.FilterTile=g;exports.FilterTileSet=d;exports.MANIFEST=M;
|
package/lib/index.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as n from "react";
|
|
2
|
-
import { Metadata as
|
|
3
|
-
import { code as
|
|
4
|
-
function
|
|
2
|
+
import { Metadata as v, cl as o } from "@sps-woodland/core";
|
|
3
|
+
import { code as _ } from "@spscommerce/utils";
|
|
4
|
+
function y(e, i, t) {
|
|
5
5
|
return i in e ? Object.defineProperty(e, i, {
|
|
6
6
|
value: t,
|
|
7
7
|
enumerable: !0,
|
|
@@ -19,18 +19,18 @@ function g(e, i) {
|
|
|
19
19
|
}
|
|
20
20
|
return t;
|
|
21
21
|
}
|
|
22
|
-
function
|
|
22
|
+
function d(e) {
|
|
23
23
|
for (var i = 1; i < arguments.length; i++) {
|
|
24
24
|
var t = arguments[i] != null ? arguments[i] : {};
|
|
25
25
|
i % 2 ? g(Object(t), !0).forEach(function(r) {
|
|
26
|
-
|
|
26
|
+
y(e, r, t[r]);
|
|
27
27
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : g(Object(t)).forEach(function(r) {
|
|
28
28
|
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
31
|
return e;
|
|
32
32
|
}
|
|
33
|
-
var
|
|
33
|
+
var T = (e, i, t) => {
|
|
34
34
|
for (var r of Object.keys(e)) {
|
|
35
35
|
var a;
|
|
36
36
|
if (e[r] !== ((a = i[r]) !== null && a !== void 0 ? a : t[r]))
|
|
@@ -38,18 +38,21 @@ var y = (e, i, t) => {
|
|
|
38
38
|
}
|
|
39
39
|
return !0;
|
|
40
40
|
}, m = (e) => (i) => {
|
|
41
|
-
var t = e.defaultClassName, r =
|
|
41
|
+
var t = e.defaultClassName, r = d(d({}, e.defaultVariants), i);
|
|
42
42
|
for (var a in r) {
|
|
43
43
|
var u, c = (u = r[a]) !== null && u !== void 0 ? u : e.defaultVariants[a];
|
|
44
44
|
if (c != null) {
|
|
45
45
|
var l = c;
|
|
46
46
|
typeof l == "boolean" && (l = l === !0 ? "true" : "false");
|
|
47
|
-
var s =
|
|
47
|
+
var s = (
|
|
48
|
+
// @ts-expect-error
|
|
49
|
+
e.variantClassNames[a][l]
|
|
50
|
+
);
|
|
48
51
|
s && (t += " " + s);
|
|
49
52
|
}
|
|
50
53
|
}
|
|
51
|
-
for (var [b,
|
|
52
|
-
|
|
54
|
+
for (var [b, O] of e.compoundVariants)
|
|
55
|
+
T(b, r, e.defaultVariants) && (t += " " + O);
|
|
53
56
|
return t;
|
|
54
57
|
}, F = "_1ub5g6g0", w = m({ defaultClassName: "_1ub5g6g1", variantClassNames: { kind: { general: "_1ub5g6g2", error: "_1ub5g6g3", success: "_1ub5g6g4", warning: "_1ub5g6g5", processing: "_1ub5g6g6" }, active: { true: "_1ub5g6g7" } }, defaultVariants: {}, compoundVariants: [[{ kind: "general", active: !0 }, "_1ub5g6g8"], [{ kind: "warning", active: !0 }, "_1ub5g6g9"], [{ kind: "error", active: !0 }, "_1ub5g6ga"], [{ kind: "processing", active: !0 }, "_1ub5g6gb"], [{ kind: "success", active: !0 }, "_1ub5g6gc"]] }), S = m({ defaultClassName: "_1ub5g6gf", variantClassNames: { kind: { general: "_1ub5g6gg", error: "_1ub5g6gh", success: "_1ub5g6gi", warning: "_1ub5g6gj", processing: "_1ub5g6gk" }, active: { true: "_1ub5g6gl" } }, defaultVariants: { kind: "general", active: !1 }, compoundVariants: [] }), E = "_1ub5g6ge", P = "_1ub5g6gd";
|
|
55
58
|
function f({
|
|
@@ -72,7 +75,7 @@ function f({
|
|
|
72
75
|
/* @__PURE__ */ n.createElement("div", { className: E }, i)
|
|
73
76
|
), /* @__PURE__ */ n.createElement("div", { className: o(S({ active: s, kind: r })) }));
|
|
74
77
|
}
|
|
75
|
-
|
|
78
|
+
v.set(f, {
|
|
76
79
|
name: "Fitler tile",
|
|
77
80
|
props: {
|
|
78
81
|
value: { type: "number", required: !0 },
|
|
@@ -89,7 +92,7 @@ function p({
|
|
|
89
92
|
}) {
|
|
90
93
|
return /* @__PURE__ */ n.createElement("div", { className: o(j, e), ...t }, i);
|
|
91
94
|
}
|
|
92
|
-
|
|
95
|
+
v.set(p, {
|
|
93
96
|
name: "Filter Tile Set"
|
|
94
97
|
});
|
|
95
98
|
const k = {
|
|
@@ -99,7 +102,7 @@ const k = {
|
|
|
99
102
|
label: "Filter Tiles",
|
|
100
103
|
examples: {
|
|
101
104
|
basic: {
|
|
102
|
-
react:
|
|
105
|
+
react: _`
|
|
103
106
|
import { FilterTile, FilterTileSet } from "@sps-woodland/filter-tiles";
|
|
104
107
|
function MyComponent() {
|
|
105
108
|
const data = [
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._1ub5g6g0{height:6.625rem;max-width:15.625rem;min-width:6.875rem;flex:1;display:flex;flex-direction:column;justify-content:flex-end;margin-right:.25rem;margin-left:.25rem}._1ub5g6g0:first-child{margin-left:0}._1ub5g6g0:last-child{margin-right:0}._1ub5g6g1{padding:1rem;color
|
|
1
|
+
._1ub5g6g0{height:6.625rem;max-width:15.625rem;min-width:6.875rem;flex:1;display:flex;flex-direction:column;justify-content:flex-end;margin-right:.25rem;margin-left:.25rem}._1ub5g6g0:first-child{margin-left:0}._1ub5g6g0:last-child{margin-right:0}._1ub5g6g1{padding:1rem;color:#1f282c;background-color:#fff;border-width:.0625rem;border-color:#d2d4d4;border-style:solid;border-top-left-radius:.25rem;border-top-right-radius:.25rem;cursor:pointer}._1ub5g6g8{border-color:#027db8}._1ub5g6g9{border-color:#e77609}._1ub5g6ga{border-color:#de012e}._1ub5g6gb{border-color:#91467f}._1ub5g6gc{border-color:#0b8940}._1ub5g6gd{height:1.875rem;font-size:1.875rem;line-height:1.875rem;font-weight:600;text-align:center}._1ub5g6ge{height:2.25rem;font-size:.875rem;line-height:1.125rem;display:flex;justify-content:center;align-items:center;text-align:center}._1ub5g6gf{height:.25rem;transition:all .25s ease}._1ub5g6gg{background-color:#027db8}._1ub5g6gh{background-color:#de012e}._1ub5g6gi{background-color:#0b8940}._1ub5g6gj{background-color:#e77609}._1ub5g6gk{background-color:#91467f}._1ub5g6gl{height:.5rem}.wqmu9d0{display:flex}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/filter-tiles",
|
|
3
3
|
"description": "SPS Woodland Design System filter tile component",
|
|
4
|
-
"version": "8.7.
|
|
4
|
+
"version": "8.7.5",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/filter-tiles",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"@spscommerce/utils": "^6.12.1",
|
|
31
31
|
"react": "^16.14.0",
|
|
32
32
|
"react-dom": "^16.14.0",
|
|
33
|
-
"@sps-woodland/core": "8.7.
|
|
34
|
-
"@sps-woodland/tokens": "8.7.
|
|
33
|
+
"@sps-woodland/core": "8.7.5",
|
|
34
|
+
"@sps-woodland/tokens": "8.7.5"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@spscommerce/utils": "^6.12.1",
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
40
40
|
"react": "^16.14.0",
|
|
41
41
|
"react-dom": "^16.14.0",
|
|
42
|
-
"@sps-woodland/core": "8.7.
|
|
43
|
-
"@sps-woodland/tokens": "8.7.
|
|
42
|
+
"@sps-woodland/core": "8.7.5",
|
|
43
|
+
"@sps-woodland/tokens": "8.7.5"
|
|
44
44
|
},
|
|
45
45
|
"scripts": {
|
|
46
46
|
"build": "pnpm run build:js && pnpm run build:types",
|
|
File without changes
|