UNPKG

custom-react-dropdown-tree-select

Version:

Lightweight, customizable and fast Dropdown Tree Select component for React

1 lines 5.36 kB
{"version":3,"file":"styles.css","mappings":"AAAA,KACE,yBAA0B,yBACA,sBACH,kBACJ,oBACG,CACvB,kBAGG,yBAA0B,oBACJ,CACvB,YAGD,cAAe,cACA,iBACG,eACF,6BACc,YACjB,YACC,CACf,0CAIG,kBAAoB,CACrB,kBAGC,aAAe,C;AC7BnB,YACE,eAAgB,eACC,CAClB,UAGC,eAAgB,UACL,QACD,CACX,UAGC,qBAAsB,UACV,CACb,kBAGG,YAAa,6BACiB,YAChB,CACf,qBAGD,gBAAkB,C;ACvBpB,MACE,gBAAiB,mBACG,WACP,CACd,qBAGK,YAAc,CACf,iBAGD,WAAY,kBACQ,CACrB,yCAGK,UAAa,CACd,cAGH,wBAA0B,CAC3B,QAGD,gBAAiB,iBACC,cACF,CACjB,cAGG,WAAa,CACd,wBAOC,0CAA4C,iCACA,CAC7C,+CANC,sBAAwB,qBACE,0BACG,wBACF,CAU5B,sBAGD,YAAc,CACf,2BAIC,sBAAuB,gBACL,CACnB,uDAGG,YAAc,C;AC3DlB,8BACE,YAAc,CACf,sCAEG,kBAAmB,aACJ,CAChB,wDAEG,YAAa,iBACK,iBACA,qBACI,cACP,wBACsB,CACtC,8DAEG,cAAgB,CACjB,2EAEG,gBAAiB,sBACM,cACR,gBACG,CACnB,wEAEC,gBAAiB,sBACM,cACR,gBACG,CACnB,uEAEC,kBAAoB,CACrB,oFAEG,aAA0B,CAC3B,wDAEL,kBAAmB,YACN,UACF,gBACO,qCACuB,6CACQ,oCACA,CAClD,gEAEG,WAAY,YACC,6BACiB,YAChB,CACf,2DAEC,SAAU,SACC,C","sources":["webpack://ReactDropdownTreeSelect/./src/tag/index.css","webpack://ReactDropdownTreeSelect/./src/tags/index.css","webpack://ReactDropdownTreeSelect/./src/tree-node/index.css","webpack://ReactDropdownTreeSelect/./src/index.css"],"sourcesContent":[".tag {\r\n background-color: #f4f4f4;\r\n border: 1px solid #e9e9e9;\r\n padding: 2px 0 2px 2px;\r\n border-radius: 2px;\r\n display: inline-block;\r\n}\r\n\r\n .tag:focus-within {\r\n background-color: #e9e9e9;\r\n border-color: #a0a0a0;\r\n }\r\n\r\n.tag-remove {\r\n color: #a0a0a0;\r\n font-size: 75%;\r\n line-height: 100%;\r\n cursor: pointer;\r\n background-color: transparent;\r\n border: none;\r\n outline: none;\r\n}\r\n\r\n.tag-remove.readOnly,\r\n .tag-remove.disabled {\r\n cursor: not-allowed;\r\n }\r\n\r\n.tag-remove:focus {\r\n color: #3c3c3c;\r\n }\r\n",".node > label {\r\n cursor: pointer;\r\n margin-left: 2px;\r\n}\r\n\r\n.tag-list {\r\n display: inline;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.tag-item {\r\n display: inline-block;\r\n margin: 4px;\r\n}\r\n\r\n.tag-item .search {\r\n border: none;\r\n border-bottom: solid 1px #ccc;\r\n outline: none;\r\n }\r\n\r\n.tag-item:last-child {\r\n margin-right: 4px;\r\n}\r\n",".node {\r\n list-style: none;\r\n white-space: nowrap;\r\n padding: 4px;\r\n}\r\n\r\n .node.leaf.collapsed {\r\n display: none;\r\n }\r\n\r\n .node.disabled > * {\r\n color: gray;\r\n cursor: not-allowed;\r\n }\r\n\r\n .node.match-in-children.hide .node-label {\r\n opacity: 0.5;\r\n }\r\n\r\n .node.focused {\r\n background-color: #f4f4f4;\r\n }\r\n\r\n.toggle {\r\n white-space: pre;\r\n margin-right: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.toggle::after {\r\n content: ' ';\r\n }\r\n\r\n.toggle.collapsed::after {\r\n content: '>' !important;\r\n color: #808080 !important;\r\n font-weight: bold !important;\r\n font-size: 16px !important;\r\n -webkit-transform: rotate(90deg) !important;\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n.toggle.expanded::after {\r\n content: '>' !important;\r\n color: #808080 !important;\r\n font-weight: bold !important;\r\n font-size: 16px !important;\r\n }\r\n\r\n.searchModeOn .toggle {\r\n display: none;\r\n}\r\n\r\n.checkbox-item,\r\n.radio-item {\r\n vertical-align: middle;\r\n margin: 0 4px 0 0;\r\n}\r\n\r\n.checkbox-item.simple-select, .radio-item.simple-select {\r\n display: none;\r\n }\r\n","/* component styles */\r\n.hide:not(.match-in-children) {\r\n display: none;\r\n}\r\n.react-dropdown-tree-select .dropdown {\r\n position: relative;\r\n display: table;\r\n }\r\n.react-dropdown-tree-select .dropdown .dropdown-trigger {\r\n padding: 4px;\r\n line-height: 20px;\r\n max-height: 200px;\r\n display: inline-block;\r\n overflow: auto;\r\n border: 1px solid rgb(185, 185, 185);\r\n }\r\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow {\r\n cursor: pointer;\r\n }\r\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.bottom::after {\r\n content: '\\25BC';\r\n vertical-align: middle;\r\n color: #3c3c3c;\r\n margin-right: 2px;\r\n }\r\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.top::after {\r\n content: '\\25B2';\r\n vertical-align: middle;\r\n color: #3c3c3c;\r\n margin-right: 2px;\r\n }\r\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled {\r\n cursor: not-allowed;\r\n }\r\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled.bottom::after {\r\n color: rgb(185, 185, 185);\r\n }\r\n.react-dropdown-tree-select .dropdown .dropdown-content {\r\n position: absolute;\r\n padding: 4px;\r\n z-index: 1;\r\n background: white;\r\n border-top: rgba(0, 0, 0, .05) 1px solid;\r\n -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .15);\r\n box-shadow: 0 5px 8px rgba(0, 0, 0, .15);\r\n }\r\n.react-dropdown-tree-select .dropdown .dropdown-content .search {\r\n width: 100%;\r\n border: none;\r\n border-bottom: solid 1px #ccc;\r\n outline: none;\r\n }\r\n.react-dropdown-tree-select .dropdown .dropdown-content ul {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n"],"names":[],"sourceRoot":""}