@9troisquarts/inline-filters 0.0.21 → 1.0.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/dist/inline-filters.js +10922 -9538
- package/dist/inline-filters.umd.cjs +33 -28
- package/dist/style.css +1 -1
- package/package.json +6 -5
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": "0.0
|
|
4
|
+
"version": "1.0.0",
|
|
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",
|
|
@@ -47,8 +48,8 @@
|
|
|
47
48
|
"@storybook/react": "^7.6.3",
|
|
48
49
|
"@storybook/react-vite": "^7.6.3",
|
|
49
50
|
"@storybook/test": "^7.6.3",
|
|
50
|
-
"@types/react": "
|
|
51
|
-
"@types/react-dom": "
|
|
51
|
+
"@types/react": "<19",
|
|
52
|
+
"@types/react-dom": "<19",
|
|
52
53
|
"@typescript-eslint/eslint-plugin": "^6.10.0",
|
|
53
54
|
"@typescript-eslint/parser": "^6.10.0",
|
|
54
55
|
"@vitejs/plugin-react": "^4.2.0",
|
|
@@ -62,8 +63,8 @@
|
|
|
62
63
|
"lint-staged": "^10.0.7",
|
|
63
64
|
"prettier": "^2.2.1",
|
|
64
65
|
"prettier-plugin-organize-imports": "^3.2.4",
|
|
65
|
-
"react": "
|
|
66
|
-
"react-dom": "
|
|
66
|
+
"react": "<19",
|
|
67
|
+
"react-dom": "<19",
|
|
67
68
|
"react-inlinesvg": "^4",
|
|
68
69
|
"standard-version": "^9.5.0",
|
|
69
70
|
"storybook": "^7.6.3",
|