Customized UI kit and helpers for ADB Team projects. Latest version: 0.2.51, last published: a month ago. Start using @adb-dev/adb-tools in ...
@adb-dev/adb-tools0.2.53 • Public • Published8daysagoReadmeExploreBETA9Dependencies0Dependents41Versions
ADB-Tools
CustomizedUIkitandhelpersforADBTeamprojects
📦Install
npminstall@adb-dev/adb-tools
yarnadd@adb-dev/adb-tools
🔨Usage
import{ColorPicker}from"@adb-dev/adb-tools";
constApp=()=>;
Importcomponentintoproject
Storybook
npmrunstorybook
Storybookview
📄Documentation
COMPONENTS
AdresseAutoComplete
Property
Description
Type
Default
placeholder
Defaultvalue
string
'Rechercheruneadresse'
onSearch
Returnjsonresult
function()
onChange
Returnstreet
function()
importgooglescriptwithapikeyonyourproject
CheckboxGroup
Property
Description
Type
Default
checkAllOption
Defaultcolorvalue
boolean
false
data
Dataarray
arrayreq
null
onCheckboxAllChange
Callbackfunction
function()
onCheckboxChange
Callbackfunction
function()
propertyCheck
Wichdatasetifchecked
string
'checked'
textColor
Labelcolor
string
(antddefaultcolor)
Checkbox
Property
Description
Type
Default
checked
Checkedstate
boolean
true
color
Setthedefaultcolorvalue
string
(black)
indeterminate
Indeterminatecheck
boolean
false
label
Labeltext
string
onChange
Callbackfunction
function()
textColor
Labelcolor
string
(black)
ColorPicker
Property
Description
Type
Default
colors
Selectionofcolors
array
['#1896AB',...'#7f8c8d']
onChange
Returnnewhexcolorvalue
function()
value
Defaultcolorvalue
string
'#31B8BC'
ColumnAction
Property
Description
Type
Default
title
popuptitle
string
'Voulezvouscontinuer?'
onOk()
Callbackfunction
function()
title
popuptitle
string
'Voulezvouscontinuer?'
https://ant.design/components/tooltip/#API
GroupsFields
Property
Description
Type
Default
fieldsGroups
Groupsfields
array
fieldsGroupsIsLoading
Loadingstate
boolean
data
Datagroupsfields
array
dataIsLoading
Loadingstate
boolean
society
Societydata
object
onDataOk
Callbackfunction
function()
format
data:{
id:1,
index:1,
name:"Groupe1",
fields:[
{id:1,name:"Item1",type:"string"},
{id:2,name:"Item2",type:"integer"},
{id:3,name:"Item3",type:"boolean"},
],
},
GroupsFieldsCard
Property
Description
Type
Default
data
Datafields
array
format
data:{
name:"Nom1",
fields:{
id:1,
index:1,
name:"Groupe1",
fields:[
{id:1,name:"Item1",type:"string"},
{id:2,name:"Item2",type:"integer"},
{id:3,name:"Item3",type:"boolean"},
],
},
}
GroupsFieldsEditor
Property
Description
Type
Default
data
Datagroupsfields
array
dataIsLoading
Loadingstate
boolean
false
onCreateGroup()
Callbackfunction
function()
onCreateField()
Callbackfunction
function()
onGroupChange()
Callbackfunction
function()
onDeleteField()
Callbackfunction
function()
onFieldOrderChange()
Callbackfunction
function()
onDeleteGroup()
Callbackfunction
function()
onGroupOrderChange()
Callbackfunction
function()
society
Loadingstate
object
CustomTable
Property
Description
Type
Default
columns
Columnsoftable
array
null
dataSource
Tabledata
array
draggable
Defineifcolumnisdraggable
boolean
false
placeHolder
Placeholdersearch
string
"Rechercher"
onClickRow()
RowClickhandler
function()
onSearch()
Searchhandler
function()
rowPointer
Pointercursoronrowhover
boolean
false
searchBar
Enable/Disablethesearchbar
boolean
false
selectedRow
Highlightselectedrow
boolean
false
ifdraggable:eachitemshouldhaveaindexvalue
https://ant.design/components/table/#API
Email
Property
Description
Type
Default
data
Dataforusedemailmodel
object
null
title
Emailsubject
string
null
HelpPopover
Property
Description
Type
Default
children
Popoverelement
content
Popovercontent
color
Iconcolor
string
https://ant.design/components/popover/
SearchSelect
Property
Description
Type
Default
data
dataoption
array
false
type
datatype
contact
default
https://ant.design/components/select/#API
Status
Property
Description
Type
Default
correctText
Tooltipcorrecttext
string
'Disponible'
failText
TooltipfailText
string
'Indisponible'
label
Label
string
'Status'
loadingText
TooltiploadingText
string
'Requêteencours'
status
Status
boolean
Telephone
Property
Description
Type
Default
tel
phonenumber
stringreq
Uploader
Property
Description
Type
Default
data
Uploadedfiles
arrayreq
message
Drag&dropinputtext
string
"Cliqueroudéposerunfichierici"
onDelete()
Callbackfunctionfordeleteafile
function()
onUpload()
Callbackfunctionforuploadafile
function()
onFileClick()
Callbackfunctiononfileclick
function()
societyId
SavedocumentwiththisSocietyid
integerreq
https://ant.design/components/upload
FUNCTIONS
Name
Parameter
ReturnType
isADB()
loggedUser
boolean
isLoggedUser()
loggedUser,id
boolean
isSuperAdmin()
loggedUser
boolean
isAdmin()
loggedUser
boolean
sortByName()
a,b
sortByNumber()
a,b
sortByDate()
a,b
sortByIndex()
a,b
sortArrayByDate()
array
getContactData()
contact
object
⌨️Development
Clonelocallypackageprojectfromgitserver
Thenusenpmcommandsinsteadofyarn
npminstall
initthepackageproject
✅Test
npmrunprepare
buildtheprojectindistfolder
npmlink
saveasglobalthepackagebuild
Onanotherproject:
npmlink@adb-dev/adb-tools
loadtheglobalpackagebuild,fortestitbeforepublish
prepublish+restartprojectforrefreshpackagelink
Onanotherproject:
npmunlink--no-save@adb-dev/adb-tools
On@adb-dev/adb-toolspackageproject:
npmunlink
removepackagelink
📤Publication
npmpublish--accesspublic
publishonnpmjs.com
Keywordsadbcomponentcomponentsdesignframeworkfrontendreactreact-componentuiutilsRollupTypescriptSassStorybookInstallnpmi@adb-dev/adb-toolsRepositoryGitagenda.adbinfo.fr:3000/PoleDeveloppement/adb-toolsDownloadsWeeklyDownloads12Version0.2.53LicenseMITUnpackedSize85.8kBTotalFiles20Lastpublish8daysagoCollaboratorsTryonRunKitReportmalware