@9troisquarts/inline-filters 0.0.22 → 1.0.2
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/dist/inline-filters.js +10735 -9349
- package/dist/inline-filters.umd.cjs +33 -28
- package/dist/style.css +1 -1
- package/package.json +3 -6
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--wand-filter-padding: 8px 11px;--wand-filter-color: #00796B;--wand-filter-option-selected-color: rgba(0, 121, 107, .1);--wand-popover-radius: 10px;--wand-filter-radius: 4px}.wand__inline-filter__filter,.wand__filter-toggler__button{padding:var(--wand-filter-padding);border-radius:var(--wand-filter-radius);background-color:#fff;border:1px solid rgba(205,205,205,.6);transition:all linear .1s;cursor:pointer}.wand__inline-filter__filter:hover,.wand__inline-filter__filter--focused,.wand__inline-filter__boolean--checked,.wand__filter-toggler__button:hover{border:1px solid var(--wand-filter-color);color:var(--wand-filter-color)}.wand__filter-toggler__button{display:flex;align-items:center;border-style:dashed!important}.wand__filter-toggler__icon{display:flex;align-items:center}.wand__filter-toggler__button:hover svg path{fill:var(--wand-filter-color)}.wand__inline-filter__search-input{margin-bottom:10px}.wand__inline-filter__search-input .ant-input-group-addon{border-top-left-radius:var(--wand-popover-radius);border-bottom-left-radius:var(--wand-popover-radius);padding-right:5px}.wand__inline-filter__search-input .ant-input{border-top-right-radius:var(--wand-popover-radius);border-bottom-right-radius:var(--wand-popover-radius);padding-left:5px}.wand__inline-filter__search-input__icon-wrapper{display:flex;align-items:center}.wand__inline-filter__search-input .ant-input-group-addon,.wand__inline-filter__search-input .ant-input{border:none;background-color:#f3f4f699;padding-top:7px;padding-bottom:7px}.wand__inline-filter__search-input .ant-input-group-addon svg path{fill:#ccc}.wand__inline-filter__search-input--is-focused .ant-input-group-addon svg path,.wand__inline-filter__search-input--is-filled .ant-input-group-addon svg path{fill:#343434}.wand__inline-filter__search-input .ant-input:focus{box-shadow:none}.wand__inline-filter__search-input .ant-input::placeholder{color:#ccc}.wand__inline-filter__label{white-space:nowrap}.wand__inline-filter__option{padding:8px 16px;cursor:pointer;transition:background-color linear .1s}.wand__inline-filter__option .ant-checkbox-inner,.wand__inline-filter__boolean .ant-checkbox-inner{border-radius:var(--wand-filter-radius);border:1px solid #CDCDCD}.wand__inline-filter__option .ant-checkbox:hover .ant-checkbox-inner{border:1px solid var(--wand-filter-color)}.wand__inline-filter__option .ant-checkbox-checked .ant-checkbox-inner,.wand__inline-filter__boolean .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--wand-filter-color);border:1px solid var(--wand-filter-color);filter:drop-shadow(0px 1px 3px rgba(0,0,0,.2))}.wand__inline-filter__option .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--wand-filter-color)}.wand__inline-filter__option .ant-checkbox-checked:after,.wand__inline-filter__boolean .ant-checkbox-checked:after{border:1px solid var(--wand-filter-color);border-radius:var(--wand-filter-radius)}.wand__inline-filter__option:hover,.wand__inline-filter__option--is-selected{background-color:var(--wand-filter-option-selected-color);color:var(--wand-filter-color)}.wand__inline-filter__options-container,.wand__inline-filter__footer{margin-left:-16px;margin-right:-16px}.wand__inline-filter__options-container{max-height:300px;overflow-y:scroll}.wand__inline-filter__footer{border-top:1px solid rgba(205,205,205,.6);padding:12px 16px 0;display:flex;align-items:center;justify-content:flex-end}.wand__inline-filter__popover{padding-top:3px!important}.wand__inline-filter__popover .ant-popover-content{min-width:300px;width:100%}; .wand__inline-filter__badge .
|
|
1
|
+
:root{--wand-filter-padding: 8px 11px;--wand-filter-color: #00796B;--wand-filter-option-selected-color: rgba(0, 121, 107, .1);--wand-popover-radius: 10px;--wand-filter-radius: 4px}.wand__inline-filter__filter,.wand__filter-toggler__button{padding:var(--wand-filter-padding);border-radius:var(--wand-filter-radius);background-color:#fff;border:1px solid rgba(205,205,205,.6);transition:all linear .1s;cursor:pointer}.wand__inline-filter__filter:hover,.wand__inline-filter__filter--focused,.wand__inline-filter__boolean--checked,.wand__filter-toggler__button:hover{border:1px solid var(--wand-filter-color);color:var(--wand-filter-color)}.wand__filter-select-toggler{padding:8px 16px 0}.wand__filter-select-toggler a{text-decoration:underline;-webkit-user-select:none;user-select:none}.wand__filter-toggler__button{display:flex;align-items:center;border-style:dashed!important}.wand__inline-filter__popover-footer{padding-left:0;padding-right:0;padding-bottom:8px;display:flex;align-items:center}.wand__filter-toggler__icon{display:flex;align-items:center}.wand__filter-toggler__button:hover svg path{fill:var(--wand-filter-color)}.wand__inline-filter__search-input{margin-bottom:10px}.wand__inline-filter__search-input .ant-input-group-addon{border-top-left-radius:var(--wand-popover-radius);border-bottom-left-radius:var(--wand-popover-radius);padding-right:5px}.wand__inline-filter__search-input .ant-input{border-top-right-radius:var(--wand-popover-radius);border-bottom-right-radius:var(--wand-popover-radius);padding-left:5px}.wand__inline-filter__search-input__icon-wrapper{display:flex;align-items:center}.wand__inline-filter__search-input .ant-input-group-addon,.wand__inline-filter__search-input .ant-input{border:none;background-color:#f3f4f699;padding-top:7px;padding-bottom:7px}.wand__inline-filter__search-input .ant-input-group-addon svg path{fill:#ccc}.wand__inline-filter__search-input--is-focused .ant-input-group-addon svg path,.wand__inline-filter__search-input--is-filled .ant-input-group-addon svg path{fill:#343434}.wand__inline-filter__search-input .ant-input:focus{box-shadow:none}.wand__inline-filter__search-input .ant-input::placeholder{color:#ccc}.wand__inline-filter__label{white-space:nowrap}.wand__inline-filter__option{padding:8px 16px;cursor:pointer;transition:background-color linear .1s}.wand__inline-filter__option .ant-checkbox-inner,.wand__inline-filter__boolean .ant-checkbox-inner{border-radius:var(--wand-filter-radius);border:1px solid #CDCDCD}.wand__inline-filter__option .ant-checkbox:hover .ant-checkbox-inner{border:1px solid var(--wand-filter-color)}.wand__inline-filter__option .ant-checkbox-checked .ant-checkbox-inner,.wand__inline-filter__boolean .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--wand-filter-color);border:1px solid var(--wand-filter-color);filter:drop-shadow(0px 1px 3px rgba(0,0,0,.2))}.wand__inline-filter__option .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--wand-filter-color)}.wand__inline-filter__option .ant-checkbox-checked:after,.wand__inline-filter__boolean .ant-checkbox-checked:after{border:1px solid var(--wand-filter-color);border-radius:var(--wand-filter-radius)}.wand__inline-filter__option:hover,.wand__inline-filter__option--is-selected{background-color:var(--wand-filter-option-selected-color);color:var(--wand-filter-color)}.wand__inline-filter__options-container,.wand__inline-filter__footer{margin-left:-16px;margin-right:-16px}.wand__inline-filter__options-container{max-height:300px;overflow-y:scroll}.wand__inline-filter__footer{border-top:1px solid rgba(205,205,205,.6);padding:12px 16px 0;display:flex;align-items:center;justify-content:flex-end}.wand__inline-filter__popover{padding-top:3px!important}.wand__inline-filter__popover .ant-popover-content{min-width:300px;width:100%}; .wand__inline-filter__badge{margin-left:8px}.wand__inline-filter__badge .wand_inline-filter__badge-count{background-color:var(--wand-filter-option-selected-color)!important;color:var(--wand-filter-color)!important;margin-left:8px!important;min-width:20px;height:20px;padding:0 6px;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;text-align:center;border-radius:10px;box-shadow:0 0 0 1px #fff;z-index:auto}.wand__inline-filter__popover .ant-popover-inner{border-radius:var(--wand-popover-radius);box-shadow:0 1px 3px #0003}.wand__inline-filter__popover .ant-popover-inner-content{width:100%}.wand__inline-filter__with_footer .ant-popover-inner-content{padding-bottom:0}.wand__inline-filter__popover-divider{margin:8px auto}.wand__inline-filter__datepicker .ant-picker-active-bar{background:var(--wand-filter-color)}.wand__inline-filter__string-input .ant-input:focus,.wand__inline-filter__string-input .ant-input-focused,.wand__inline-filter__datepicker.ant-picker,.wand__inline-filter__string-input .ant-input{outline:none;border:1px solid rgba(205,205,205,.6);box-shadow:none}.wand__inline-filter__string-input .ant-input{background-color:#fff;padding:var(--wand-filter-padding)}.wand__inline-filter__string-input:hover .ant-input,.wand__inline-filter__string-input:hover .ant-input-group-addon,.wand__inline-filter__datepicker.wand__inline-filter__datepicker--filled{border-color:var(--wand-filter-color)!important}.wand__inline-filter__string-input .ant-input-group-addon{background:#fff;border-top-left-radius:var(--wand-filter-radius);border-bottom-left-radius:var(--wand-filter-radius);padding-right:0}.ant-input-group>.ant-input:last-child,.ant-input-group-addon:last-child{border-left:0;border-top-right-radius:var(--wand-filter-radius);border-bottom-right-radius:var(--wand-filter-radius)}.wand__inline-filter__datepicker.ant-picker-focused,.wand__inline-filter__datepicker.ant-picker:hover{border:1px solid var(--wand-filter-color);box-shadow:none;border-radius:var(--wand-filter-radius)}.wand__inline-filter__string-input.wand__inline-filter__string-input--is-focused .ant-input,.wand__inline-filter__string-input--is-focused .ant-input-group-addon{border-color:var(--wand-filter-color)!important;color:var(--wand-filter-color)}.wand__inline-filter__string-input--is-focused .ant-input-group-addon fill path{fill:var(--wand-filter-color)}.wand__inline-filter__datepicker.ant-picker{background:#fff;border-radius:var(--wand-filter-radius);padding:var(--wand-filter-padding)}.wand__inline-filter__datepicker--filled{border:1px solid var(--wand-filter-color);border-radius:var(--wand-filter-radius);color:var(--wand-filter-color)}.wand__inline-filter__datepicker.ant-picker-focused input,.wand__inline-filter__datepicker.ant-picker:hover input,.wand__inline-filter__datepicker.ant-picker-focused input::placeholder,.wand__inline-filter__datepicker.ant-picker:hover input::placeholder,.wand__inline-filter__datepicker--filled input{color:var(--wand-filter-color)}.wand__inline-filter__datepicker.ant-picker-focused .ant-picker-suffix svg path,.wand__inline-filter__datepicker.ant-picker:hover .ant-picker-suffix svg path{fill:var(--wand-filter-color)}.wand__inline-filter__datepicker--filled .ant-picker-suffix svg path{fill:var(--wand-filter-color)}.wand__inline-filter__match-type{display:flex;gap:5px}.wand__inline-filter__keywords__popover-content{display:flex;flex-direction:column;gap:8px}.wand__inline-filter__keywords__popover-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.wand__inline-filter__keywords__popover-footer-right{display:flex;margin-left:auto;gap:10px}.wand__inline-filter__keywords__popover__keyword-list{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.wand__inline-filter__keywords__popover__keyword{display:flex;gap:5px;align-items:center;padding:5px}.wand__inline-filter__keywords__popover__keyword:hover{background-color:#adbebc;border-radius:8px;transition:background-color .3s ease}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@9troisquarts/inline-filters",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "1.0.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@ant-design/icons": "<5",
|
|
42
|
+
"@faker-js/faker": "^9.0.0",
|
|
42
43
|
"@storybook/addon-essentials": "^7.6.3",
|
|
43
44
|
"@storybook/addon-interactions": "^7.6.3",
|
|
44
45
|
"@storybook/addon-links": "^7.6.3",
|
|
@@ -71,11 +72,7 @@
|
|
|
71
72
|
"vite": "^5.2.8",
|
|
72
73
|
"vite-plugin-ruby": "^5.0.0"
|
|
73
74
|
},
|
|
74
|
-
"dependencies": {
|
|
75
|
-
"dompurify": "^3.1.5",
|
|
76
|
-
"react": "<19",
|
|
77
|
-
"react-dom": "<19"
|
|
78
|
-
},
|
|
75
|
+
"dependencies": {},
|
|
79
76
|
"publishConfig": {
|
|
80
77
|
"access": "public"
|
|
81
78
|
},
|