@sps-woodland/filter-tiles 7.17.12 → 7.19.0
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 +156 -0
- package/lib/index.umd.cjs +43 -0
- package/lib/style.css +1 -1
- package/package.json +12 -12
- package/sps-woodland-filter-tiles-7.19.0.tgz +0 -0
- package/vite.config.js +13 -4
- package/lib/index.cjs.js +0 -43
- package/lib/index.es.js +0 -156
- package/sps-woodland-filter-tiles-7.17.11.tgz +0 -0
package/lib/index.js
ADDED
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import * as l from "react";
|
|
2
|
+
import { Metadata as g, cl as u } from "@sps-woodland/core";
|
|
3
|
+
import { code as b } from "@spscommerce/utils";
|
|
4
|
+
function w(e, r, t) {
|
|
5
|
+
return r in e ? Object.defineProperty(e, r, {
|
|
6
|
+
value: t,
|
|
7
|
+
enumerable: !0,
|
|
8
|
+
configurable: !0,
|
|
9
|
+
writable: !0
|
|
10
|
+
}) : e[r] = t, e;
|
|
11
|
+
}
|
|
12
|
+
function d(e, r) {
|
|
13
|
+
var t = Object.keys(e);
|
|
14
|
+
if (Object.getOwnPropertySymbols) {
|
|
15
|
+
var _ = Object.getOwnPropertySymbols(e);
|
|
16
|
+
r && (_ = _.filter(function(i) {
|
|
17
|
+
return Object.getOwnPropertyDescriptor(e, i).enumerable;
|
|
18
|
+
})), t.push.apply(t, _);
|
|
19
|
+
}
|
|
20
|
+
return t;
|
|
21
|
+
}
|
|
22
|
+
function p(e) {
|
|
23
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
24
|
+
var t = arguments[r] != null ? arguments[r] : {};
|
|
25
|
+
r % 2 ? d(Object(t), !0).forEach(function(_) {
|
|
26
|
+
w(e, _, t[_]);
|
|
27
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : d(Object(t)).forEach(function(_) {
|
|
28
|
+
Object.defineProperty(e, _, Object.getOwnPropertyDescriptor(t, _));
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
return e;
|
|
32
|
+
}
|
|
33
|
+
var k = (e, r, t) => {
|
|
34
|
+
for (var _ of Object.keys(e)) {
|
|
35
|
+
var i;
|
|
36
|
+
if (e[_] !== ((i = r[_]) !== null && i !== void 0 ? i : t[_]))
|
|
37
|
+
return !1;
|
|
38
|
+
}
|
|
39
|
+
return !0;
|
|
40
|
+
}, v = (e) => (r) => {
|
|
41
|
+
var t = e.defaultClassName, _ = p(p({}, e.defaultVariants), r);
|
|
42
|
+
for (var i in _) {
|
|
43
|
+
var a, o = (a = _[i]) !== null && a !== void 0 ? a : e.defaultVariants[i];
|
|
44
|
+
if (o != null) {
|
|
45
|
+
var s = o;
|
|
46
|
+
typeof s == "boolean" && (s = s === !0 ? "true" : "false");
|
|
47
|
+
var n = e.variantClassNames[i][s];
|
|
48
|
+
n && (t += " " + n);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
for (var [m, h] of e.compoundVariants)
|
|
52
|
+
k(m, _, e.defaultVariants) && (t += " " + h);
|
|
53
|
+
return t;
|
|
54
|
+
}, O = "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g0", T = v({ defaultClassName: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g1", variantClassNames: { kind: { general: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g2", error: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g3", success: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g4", warning: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g5", processing: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g6" }, active: { true: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g7" } }, defaultVariants: {}, compoundVariants: [[{ kind: "general", active: !0 }, "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g8"], [{ kind: "warning", active: !0 }, "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g9"], [{ kind: "error", active: !0 }, "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6ga"], [{ kind: "processing", active: !0 }, "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gb"], [{ kind: "success", active: !0 }, "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gc"]] }), y = v({ defaultClassName: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gf", variantClassNames: { kind: { general: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gg", error: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gh", success: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gi", warning: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gj", processing: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gk" }, active: { true: "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gl" } }, defaultVariants: { kind: "general", active: !1 }, compoundVariants: [] }), F = "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6ge", S = "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gd";
|
|
55
|
+
function c({
|
|
56
|
+
value: e,
|
|
57
|
+
title: r,
|
|
58
|
+
active: t,
|
|
59
|
+
kind: _ = "general",
|
|
60
|
+
className: i,
|
|
61
|
+
...a
|
|
62
|
+
}) {
|
|
63
|
+
const [o, s] = l.useState(!1), n = t || o;
|
|
64
|
+
return /* @__PURE__ */ l.createElement("div", { className: u(O, i), ...a }, /* @__PURE__ */ l.createElement(
|
|
65
|
+
"div",
|
|
66
|
+
{
|
|
67
|
+
className: T({ kind: _, active: n }),
|
|
68
|
+
onMouseOver: () => s(!0),
|
|
69
|
+
onMouseOut: () => s(!1)
|
|
70
|
+
},
|
|
71
|
+
/* @__PURE__ */ l.createElement("div", { className: S }, e),
|
|
72
|
+
/* @__PURE__ */ l.createElement("div", { className: F }, r)
|
|
73
|
+
), /* @__PURE__ */ l.createElement("div", { className: u(y({ active: n, kind: _ })) }));
|
|
74
|
+
}
|
|
75
|
+
g.set(c, {
|
|
76
|
+
name: "Fitler tile",
|
|
77
|
+
props: {
|
|
78
|
+
value: { type: "number", required: !0 },
|
|
79
|
+
title: { type: "string", required: !0 },
|
|
80
|
+
active: { type: "boolean" },
|
|
81
|
+
kind: { type: "FilterTileKind", default: "general" }
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
var E = "pkg_sps-woodland_filter-tiles__version_7_19_0__hash_wqmu9d0";
|
|
85
|
+
function f({
|
|
86
|
+
className: e,
|
|
87
|
+
children: r,
|
|
88
|
+
...t
|
|
89
|
+
}) {
|
|
90
|
+
return /* @__PURE__ */ l.createElement("div", { className: u(E, e), ...t }, r);
|
|
91
|
+
}
|
|
92
|
+
g.set(f, {
|
|
93
|
+
name: "Filter Tile Set"
|
|
94
|
+
});
|
|
95
|
+
const P = {
|
|
96
|
+
components: [c, f],
|
|
97
|
+
examples: {
|
|
98
|
+
basic: {
|
|
99
|
+
label: "Filter Tiles",
|
|
100
|
+
examples: {
|
|
101
|
+
basic: {
|
|
102
|
+
react: b`
|
|
103
|
+
import { FilterTile, FilterTileSet } from "@sps-woodland/filter-tiles";
|
|
104
|
+
function MyComponent() {
|
|
105
|
+
const data = [
|
|
106
|
+
|
|
107
|
+
{
|
|
108
|
+
value: 34,
|
|
109
|
+
title: 'Uncommitted - SPS Outreach Expiring'
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
value: 523,
|
|
113
|
+
title: 'Buying Org Review',
|
|
114
|
+
kind: "warning"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
value: 7128,
|
|
118
|
+
title: 'Buying Org to Send Email',
|
|
119
|
+
kind: "error"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
value: 19235,
|
|
123
|
+
title: 'Production Ready',
|
|
124
|
+
kind: "processing"
|
|
125
|
+
},
|
|
126
|
+
];
|
|
127
|
+
const [activeTile, setActiveTile] = React.useState(null);
|
|
128
|
+
|
|
129
|
+
return (
|
|
130
|
+
<FilterTileSet>
|
|
131
|
+
{data.map(item => {
|
|
132
|
+
return <FilterTile
|
|
133
|
+
key={item.title}
|
|
134
|
+
value={item.value}
|
|
135
|
+
title={item.title}
|
|
136
|
+
kind={item.kind}
|
|
137
|
+
active={item.title === activeTile}
|
|
138
|
+
onClick={() => setActiveTile(item.title)} />
|
|
139
|
+
}
|
|
140
|
+
)}
|
|
141
|
+
</FilterTileSet>
|
|
142
|
+
);
|
|
143
|
+
}
|
|
144
|
+
`
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}, V = {
|
|
150
|
+
"Filter Tiles": P
|
|
151
|
+
};
|
|
152
|
+
export {
|
|
153
|
+
c as FilterTile,
|
|
154
|
+
f as FilterTileSet,
|
|
155
|
+
V as MANIFEST
|
|
156
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
(function(s,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],n):(s=typeof globalThis<"u"?globalThis:s||self,n(s.FilterTiles={},s.React,s.core,s.utils))})(this,function(s,n,o,h){"use strict";function b(e){if(e&&e.__esModule)return e;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const l=b(n),N="";function w(e,i,t){return i in e?Object.defineProperty(e,i,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[i]=t,e}function f(e,i){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);i&&(r=r.filter(function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable})),t.push.apply(t,r)}return t}function v(e){for(var i=1;i<arguments.length;i++){var t=arguments[i]!=null?arguments[i]:{};i%2?f(Object(t),!0).forEach(function(r){w(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var k=(e,i,t)=>{for(var r of Object.keys(e)){var _;if(e[r]!==((_=i[r])!==null&&_!==void 0?_:t[r]))return!1}return!0},m=e=>i=>{var t=e.defaultClassName,r=v(v({},e.defaultVariants),i);for(var _ in r){var u,p=(u=r[_])!==null&&u!==void 0?u:e.defaultVariants[_];if(p!=null){var a=p;typeof a=="boolean"&&(a=a===!0?"true":"false");var d=e.variantClassNames[_][a];d&&(t+=" "+d)}}for(var[E,M]of e.compoundVariants)k(E,r,e.defaultVariants)&&(t+=" "+M);return t},O="pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g0",T=m({defaultClassName:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g1",variantClassNames:{kind:{general:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g2",error:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g3",success:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g4",warning:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g5",processing:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g6"},active:{true:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g7"}},defaultVariants:{},compoundVariants:[[{kind:"general",active:!0},"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g8"],[{kind:"warning",active:!0},"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g9"],[{kind:"error",active:!0},"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6ga"],[{kind:"processing",active:!0},"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gb"],[{kind:"success",active:!0},"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gc"]]}),y=m({defaultClassName:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gf",variantClassNames:{kind:{general:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gg",error:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gh",success:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gi",warning:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gj",processing:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gk"},active:{true:"pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gl"}},defaultVariants:{kind:"general",active:!1},compoundVariants:[]}),F="pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6ge",S="pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gd";function c({value:e,title:i,active:t,kind:r="general",className:_,...u}){const[p,a]=l.useState(!1),d=t||p;return l.createElement("div",{className:o.cl(O,_),...u},l.createElement("div",{className:T({kind:r,active:d}),onMouseOver:()=>a(!0),onMouseOut:()=>a(!1)},l.createElement("div",{className:S},e),l.createElement("div",{className:F},i)),l.createElement("div",{className:o.cl(y({active:d,kind:r}))}))}o.Metadata.set(c,{name:"Fitler tile",props:{value:{type:"number",required:!0},title:{type:"string",required:!0},active:{type:"boolean"},kind:{type:"FilterTileKind",default:"general"}}});const V="";var j="pkg_sps-woodland_filter-tiles__version_7_19_0__hash_wqmu9d0";function g({className:e,children:i,...t}){return l.createElement("div",{className:o.cl(j,e),...t},i)}o.Metadata.set(g,{name:"Filter Tile Set"});const P={"Filter Tiles":{components:[c,g],examples:{basic:{label:"Filter Tiles",examples:{basic:{react:h.code`
|
|
2
|
+
import { FilterTile, FilterTileSet } from "@sps-woodland/filter-tiles";
|
|
3
|
+
function MyComponent() {
|
|
4
|
+
const data = [
|
|
5
|
+
|
|
6
|
+
{
|
|
7
|
+
value: 34,
|
|
8
|
+
title: 'Uncommitted - SPS Outreach Expiring'
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
value: 523,
|
|
12
|
+
title: 'Buying Org Review',
|
|
13
|
+
kind: "warning"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
value: 7128,
|
|
17
|
+
title: 'Buying Org to Send Email',
|
|
18
|
+
kind: "error"
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
value: 19235,
|
|
22
|
+
title: 'Production Ready',
|
|
23
|
+
kind: "processing"
|
|
24
|
+
},
|
|
25
|
+
];
|
|
26
|
+
const [activeTile, setActiveTile] = React.useState(null);
|
|
27
|
+
|
|
28
|
+
return (
|
|
29
|
+
<FilterTileSet>
|
|
30
|
+
{data.map(item => {
|
|
31
|
+
return <FilterTile
|
|
32
|
+
key={item.title}
|
|
33
|
+
value={item.value}
|
|
34
|
+
title={item.title}
|
|
35
|
+
kind={item.kind}
|
|
36
|
+
active={item.title === activeTile}
|
|
37
|
+
onClick={() => setActiveTile(item.title)} />
|
|
38
|
+
}
|
|
39
|
+
)}
|
|
40
|
+
</FilterTileSet>
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
`}}}}}};s.FilterTile=c,s.FilterTileSet=g,s.MANIFEST=P,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_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}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g0:first-child{margin-left:0}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g0:last-child{margin-right:0}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_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}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g8{border-color:#007db8}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6g9{border-color:#e7760b}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6ga{border-color:#de002e}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gb{border-color:#91467f}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gc{border-color:#0b8940}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gd{height:1.875rem;font-size:1.875rem;line-height:1.875rem;font-weight:600;text-align:center}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6ge{height:2.25rem;font-size:.875rem;line-height:1.125rem;display:flex;justify-content:center;align-items:center;text-align:center}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gf{height:.25rem;transition:all .25s ease}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gg{background-color:#007db8}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gh{background-color:#de002e}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gi{background-color:#0b8940}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gj{background-color:#e7760b}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gk{background-color:#91467f}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_1ub5g6gl{height:.5rem}.pkg_sps-woodland_filter-tiles__version_7_19_0__hash_wqmu9d0{display:flex}
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/filter-tiles",
|
|
3
3
|
"description": "SPS Woodland Design System filter tile component",
|
|
4
|
-
"version": "7.
|
|
4
|
+
"version": "7.19.0",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/filter-tiles",
|
|
8
8
|
"homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/filter-tiles#readme",
|
|
9
|
-
"module": "./lib/index.es.js",
|
|
10
9
|
"type": "module",
|
|
11
|
-
"
|
|
10
|
+
"module": "./lib/index.js",
|
|
11
|
+
"main": "./lib/index.umd.cjs",
|
|
12
12
|
"types": "./lib/index.d.ts",
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"default": "./lib/index.
|
|
15
|
+
"require": "./lib/index.umd.cjs",
|
|
16
|
+
"import": "./lib/index.js",
|
|
17
|
+
"default": "./lib/index.js",
|
|
18
18
|
"types": "./lib/index.d.ts"
|
|
19
19
|
},
|
|
20
20
|
"./lib/style.css": {
|
|
@@ -26,20 +26,20 @@
|
|
|
26
26
|
"access": "public"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
|
-
"@sps-woodland/core": "7.17.12",
|
|
30
|
-
"@sps-woodland/tokens": "7.17.12",
|
|
31
29
|
"@spscommerce/utils": "^6.12.1",
|
|
32
30
|
"react": "^16.14.0",
|
|
33
|
-
"react-dom": "^16.14.0"
|
|
31
|
+
"react-dom": "^16.14.0",
|
|
32
|
+
"@sps-woodland/core": "7.19.0",
|
|
33
|
+
"@sps-woodland/tokens": "7.19.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@sps-woodland/core": "7.17.12",
|
|
37
|
-
"@sps-woodland/tokens": "7.17.12",
|
|
38
36
|
"@spscommerce/utils": "^6.12.1",
|
|
39
37
|
"@vanilla-extract/css": "^1.9.3",
|
|
40
38
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
41
39
|
"react": "^16.14.0",
|
|
42
|
-
"react-dom": "^16.14.0"
|
|
40
|
+
"react-dom": "^16.14.0",
|
|
41
|
+
"@sps-woodland/tokens": "7.19.0",
|
|
42
|
+
"@sps-woodland/core": "7.19.0"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|
|
Binary file
|
package/vite.config.js
CHANGED
|
@@ -1,16 +1,25 @@
|
|
|
1
1
|
import path from "path";
|
|
2
2
|
import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
|
|
3
3
|
import { defineConfig } from "vite";
|
|
4
|
-
|
|
4
|
+
import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.js";
|
|
5
5
|
import pkg from "./package.json";
|
|
6
6
|
|
|
7
|
+
const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
|
|
8
|
+
|
|
7
9
|
export default defineConfig({
|
|
8
|
-
plugins: [
|
|
10
|
+
plugins: [
|
|
11
|
+
vanillaExtractPlugin(
|
|
12
|
+
getVanillaExtractPluginProps({
|
|
13
|
+
packageName: pkg.name,
|
|
14
|
+
packageVersion,
|
|
15
|
+
})
|
|
16
|
+
),
|
|
17
|
+
],
|
|
9
18
|
build: {
|
|
10
19
|
lib: {
|
|
11
20
|
entry: path.resolve(__dirname, "src/index.ts"),
|
|
12
|
-
|
|
13
|
-
fileName:
|
|
21
|
+
name: "FilterTiles",
|
|
22
|
+
fileName: "index",
|
|
14
23
|
},
|
|
15
24
|
outDir: path.resolve(__dirname, "./lib"),
|
|
16
25
|
emptyOutDir: false,
|
package/lib/index.cjs.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),c=require("@sps-woodland/core"),O=require("@spscommerce/utils");function T(e){if(e&&e.__esModule)return 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(_);function y(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){y(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 F=(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[p,b]of e.compoundVariants)F(p,i,e.defaultVariants)&&(t+=" "+b);return t},S="_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(S,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 M={components:[g,d],examples:{basic:{label:"Filter Tiles",examples:{basic:{react:O.code`
|
|
2
|
-
import { FilterTile, FilterTileSet } from "@sps-woodland/filter-tiles";
|
|
3
|
-
function MyComponent() {
|
|
4
|
-
const data = [
|
|
5
|
-
|
|
6
|
-
{
|
|
7
|
-
value: 34,
|
|
8
|
-
title: 'Uncommitted - SPS Outreach Expiring'
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
value: 523,
|
|
12
|
-
title: 'Buying Org Review',
|
|
13
|
-
kind: "warning"
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
value: 7128,
|
|
17
|
-
title: 'Buying Org to Send Email',
|
|
18
|
-
kind: "error"
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
value: 19235,
|
|
22
|
-
title: 'Production Ready',
|
|
23
|
-
kind: "processing"
|
|
24
|
-
},
|
|
25
|
-
];
|
|
26
|
-
const [activeTile, setActiveTile] = React.useState(null);
|
|
27
|
-
|
|
28
|
-
return (
|
|
29
|
-
<FilterTileSet>
|
|
30
|
-
{data.map(item => {
|
|
31
|
-
return <FilterTile
|
|
32
|
-
key={item.title}
|
|
33
|
-
value={item.value}
|
|
34
|
-
title={item.title}
|
|
35
|
-
kind={item.kind}
|
|
36
|
-
active={item.title === activeTile}
|
|
37
|
-
onClick={() => setActiveTile(item.title)} />
|
|
38
|
-
}
|
|
39
|
-
)}
|
|
40
|
-
</FilterTileSet>
|
|
41
|
-
);
|
|
42
|
-
}
|
|
43
|
-
`}}}}},N={"Filter Tiles":M};exports.FilterTile=g;exports.FilterTileSet=d;exports.MANIFEST=N;
|
package/lib/index.es.js
DELETED
|
@@ -1,156 +0,0 @@
|
|
|
1
|
-
import * as n from "react";
|
|
2
|
-
import { Metadata as d, cl as o } from "@sps-woodland/core";
|
|
3
|
-
import { code as O } from "@spscommerce/utils";
|
|
4
|
-
function T(e, i, t) {
|
|
5
|
-
return i in e ? Object.defineProperty(e, i, {
|
|
6
|
-
value: t,
|
|
7
|
-
enumerable: !0,
|
|
8
|
-
configurable: !0,
|
|
9
|
-
writable: !0
|
|
10
|
-
}) : e[i] = t, e;
|
|
11
|
-
}
|
|
12
|
-
function g(e, i) {
|
|
13
|
-
var t = Object.keys(e);
|
|
14
|
-
if (Object.getOwnPropertySymbols) {
|
|
15
|
-
var r = Object.getOwnPropertySymbols(e);
|
|
16
|
-
i && (r = r.filter(function(a) {
|
|
17
|
-
return Object.getOwnPropertyDescriptor(e, a).enumerable;
|
|
18
|
-
})), t.push.apply(t, r);
|
|
19
|
-
}
|
|
20
|
-
return t;
|
|
21
|
-
}
|
|
22
|
-
function v(e) {
|
|
23
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
24
|
-
var t = arguments[i] != null ? arguments[i] : {};
|
|
25
|
-
i % 2 ? g(Object(t), !0).forEach(function(r) {
|
|
26
|
-
T(e, r, t[r]);
|
|
27
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : g(Object(t)).forEach(function(r) {
|
|
28
|
-
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
return e;
|
|
32
|
-
}
|
|
33
|
-
var y = (e, i, t) => {
|
|
34
|
-
for (var r of Object.keys(e)) {
|
|
35
|
-
var a;
|
|
36
|
-
if (e[r] !== ((a = i[r]) !== null && a !== void 0 ? a : t[r]))
|
|
37
|
-
return !1;
|
|
38
|
-
}
|
|
39
|
-
return !0;
|
|
40
|
-
}, m = (e) => (i) => {
|
|
41
|
-
var t = e.defaultClassName, r = v(v({}, e.defaultVariants), i);
|
|
42
|
-
for (var a in r) {
|
|
43
|
-
var u, c = (u = r[a]) !== null && u !== void 0 ? u : e.defaultVariants[a];
|
|
44
|
-
if (c != null) {
|
|
45
|
-
var l = c;
|
|
46
|
-
typeof l == "boolean" && (l = l === !0 ? "true" : "false");
|
|
47
|
-
var s = e.variantClassNames[a][l];
|
|
48
|
-
s && (t += " " + s);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
for (var [b, _] of e.compoundVariants)
|
|
52
|
-
y(b, r, e.defaultVariants) && (t += " " + _);
|
|
53
|
-
return t;
|
|
54
|
-
}, 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
|
-
function f({
|
|
56
|
-
value: e,
|
|
57
|
-
title: i,
|
|
58
|
-
active: t,
|
|
59
|
-
kind: r = "general",
|
|
60
|
-
className: a,
|
|
61
|
-
...u
|
|
62
|
-
}) {
|
|
63
|
-
const [c, l] = n.useState(!1), s = t || c;
|
|
64
|
-
return /* @__PURE__ */ n.createElement("div", { className: o(F, a), ...u }, /* @__PURE__ */ n.createElement(
|
|
65
|
-
"div",
|
|
66
|
-
{
|
|
67
|
-
className: w({ kind: r, active: s }),
|
|
68
|
-
onMouseOver: () => l(!0),
|
|
69
|
-
onMouseOut: () => l(!1)
|
|
70
|
-
},
|
|
71
|
-
/* @__PURE__ */ n.createElement("div", { className: P }, e),
|
|
72
|
-
/* @__PURE__ */ n.createElement("div", { className: E }, i)
|
|
73
|
-
), /* @__PURE__ */ n.createElement("div", { className: o(S({ active: s, kind: r })) }));
|
|
74
|
-
}
|
|
75
|
-
d.set(f, {
|
|
76
|
-
name: "Fitler tile",
|
|
77
|
-
props: {
|
|
78
|
-
value: { type: "number", required: !0 },
|
|
79
|
-
title: { type: "string", required: !0 },
|
|
80
|
-
active: { type: "boolean" },
|
|
81
|
-
kind: { type: "FilterTileKind", default: "general" }
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
var j = "wqmu9d0";
|
|
85
|
-
function p({
|
|
86
|
-
className: e,
|
|
87
|
-
children: i,
|
|
88
|
-
...t
|
|
89
|
-
}) {
|
|
90
|
-
return /* @__PURE__ */ n.createElement("div", { className: o(j, e), ...t }, i);
|
|
91
|
-
}
|
|
92
|
-
d.set(p, {
|
|
93
|
-
name: "Filter Tile Set"
|
|
94
|
-
});
|
|
95
|
-
const k = {
|
|
96
|
-
components: [f, p],
|
|
97
|
-
examples: {
|
|
98
|
-
basic: {
|
|
99
|
-
label: "Filter Tiles",
|
|
100
|
-
examples: {
|
|
101
|
-
basic: {
|
|
102
|
-
react: O`
|
|
103
|
-
import { FilterTile, FilterTileSet } from "@sps-woodland/filter-tiles";
|
|
104
|
-
function MyComponent() {
|
|
105
|
-
const data = [
|
|
106
|
-
|
|
107
|
-
{
|
|
108
|
-
value: 34,
|
|
109
|
-
title: 'Uncommitted - SPS Outreach Expiring'
|
|
110
|
-
},
|
|
111
|
-
{
|
|
112
|
-
value: 523,
|
|
113
|
-
title: 'Buying Org Review',
|
|
114
|
-
kind: "warning"
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
value: 7128,
|
|
118
|
-
title: 'Buying Org to Send Email',
|
|
119
|
-
kind: "error"
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
value: 19235,
|
|
123
|
-
title: 'Production Ready',
|
|
124
|
-
kind: "processing"
|
|
125
|
-
},
|
|
126
|
-
];
|
|
127
|
-
const [activeTile, setActiveTile] = React.useState(null);
|
|
128
|
-
|
|
129
|
-
return (
|
|
130
|
-
<FilterTileSet>
|
|
131
|
-
{data.map(item => {
|
|
132
|
-
return <FilterTile
|
|
133
|
-
key={item.title}
|
|
134
|
-
value={item.value}
|
|
135
|
-
title={item.title}
|
|
136
|
-
kind={item.kind}
|
|
137
|
-
active={item.title === activeTile}
|
|
138
|
-
onClick={() => setActiveTile(item.title)} />
|
|
139
|
-
}
|
|
140
|
-
)}
|
|
141
|
-
</FilterTileSet>
|
|
142
|
-
);
|
|
143
|
-
}
|
|
144
|
-
`
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}, C = {
|
|
150
|
-
"Filter Tiles": k
|
|
151
|
-
};
|
|
152
|
-
export {
|
|
153
|
-
f as FilterTile,
|
|
154
|
-
p as FilterTileSet,
|
|
155
|
-
C as MANIFEST
|
|
156
|
-
};
|
|
Binary file
|