@shefing/quickfilter 1.0.76 → 1.0.82
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/FilterField.js +2 -2
- package/dist/FilterField.js.map +1 -1
- package/package.json +5 -5
package/dist/FilterField.js
CHANGED
|
@@ -79,8 +79,8 @@ const FilterField = ({ field, onFilterChange, value: controlledValue })=>{
|
|
|
79
79
|
return /*#__PURE__*/ _jsx(SelectFilter, {
|
|
80
80
|
label: field.label,
|
|
81
81
|
options: (field.options || []).map((option)=>({
|
|
82
|
-
label: getTranslation(option.label, i18n),
|
|
83
|
-
value: option.value
|
|
82
|
+
label: option.label ? getTranslation(option.label, i18n) : option,
|
|
83
|
+
value: option.value ? option.value : option
|
|
84
84
|
})),
|
|
85
85
|
onChange: handleSelectFilterChange,
|
|
86
86
|
value: controlledValue,
|
package/dist/FilterField.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/FilterField.tsx"],"sourcesContent":["'use client';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from '@payloadcms/ui';\nimport { getTranslation, rtlLanguages } from '@payloadcms/translations';\nimport { Locale } from './filters/types/filters-type';\nimport { DateFilter } from './filters/components/date-filter';\nimport { SmallSelectFilter } from './filters/components/small-select-filter';\nimport { SelectFilter } from './filters/components/select-filter';\nimport { CheckboxFilter } from './filters/components/checkbox-filter';\n\nconst FilterField = ({\n field,\n onFilterChange,\n value: controlledValue,\n}: {\n field: any;\n onFilterChange: (fieldName: string, value: any) => void;\n value: any;\n}) => {\n const { i18n } = useTranslation();\n const localeLang = i18n.language;\n const isRTL = (rtlLanguages as readonly string[]).includes(localeLang);\n const direction = isRTL ? 'rtl' : 'ltr';\n const locale = { code: localeLang, direction } as Locale;\n\n const handleDateFilterChange = useCallback(\n (value: any) => {\n let fieldName = field.name;\n if (typeof field.virtual === 'string') {\n fieldName = field.virtual;\n }\n onFilterChange(fieldName, value);\n },\n [onFilterChange, field.name, field.virtual],\n );\n\n const handleSelectFilterChange = useCallback(\n (value: any) => {\n let fieldName = field.name;\n if (typeof field.virtual === 'string') {\n fieldName = field.virtual;\n }\n onFilterChange(fieldName, value);\n },\n [onFilterChange, field.name, field.virtual],\n );\n\n const handleCheckboxFilterChange = useCallback(\n (state: any) => {\n let fieldName = field.name;\n if (typeof field.virtual === 'string') {\n fieldName = field.virtual;\n }\n onFilterChange(fieldName, state);\n },\n [onFilterChange, field.name, field.virtual],\n );\n\n switch (field.type) {\n case 'date':\n return (\n <DateFilter\n label={field.label}\n value={controlledValue}\n key={field.name}\n onChange={handleDateFilterChange}\n locale={locale}\n style={{ width: field.width || '230px' }}\n />\n );\n case 'select':\n if (field.options.length <= 3) {\n return (\n <SmallSelectFilter\n label={field.label}\n key={field.name}\n options={(field.options || []).map((option: any) => ({\n label: getTranslation(option.label, i18n),\n value: option.value,\n }))}\n onChange={handleSelectFilterChange}\n value={controlledValue}\n locale={locale}\n style={{ width: field.width || '230px' }}\n />\n );\n }\n return (\n <SelectFilter\n label={field.label}\n key={field.name}\n options={(field.options || []).map((option: any) => ({\n label: getTranslation(option.label, i18n),\n value: option.value,\n }))}\n onChange={handleSelectFilterChange}\n value={controlledValue}\n locale={locale}\n style={{ width: field.width || '230px' }}\n />\n );\n case 'checkbox':\n return (\n <CheckboxFilter\n label={field.label}\n key={field.name}\n onChange={handleCheckboxFilterChange}\n value={controlledValue}\n checkboxLabel={''}\n locale={locale}\n style={{ width: field.width || '230px' }}\n />\n );\n default:\n return null;\n }\n};\n\nexport default FilterField;\n"],"names":["React","useCallback","useTranslation","getTranslation","rtlLanguages","DateFilter","SmallSelectFilter","SelectFilter","CheckboxFilter","FilterField","field","onFilterChange","value","controlledValue","i18n","localeLang","language","isRTL","includes","direction","locale","code","handleDateFilterChange","fieldName","name","virtual","handleSelectFilterChange","handleCheckboxFilterChange","state","type","label","onChange","style","width","options","length","map","option","checkboxLabel"],"mappings":"AAAA;;AACA,OAAOA,SAASC,WAAW,QAAQ,QAAQ;AAC3C,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,cAAc,EAAEC,YAAY,QAAQ,2BAA2B;AAExE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,iBAAiB,QAAQ,2CAA2C;AAC7E,SAASC,YAAY,QAAQ,qCAAqC;AAClE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,MAAMC,cAAc,CAAC,EACnBC,KAAK,EACLC,cAAc,EACdC,OAAOC,eAAe,EAKvB;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGZ;IACjB,MAAMa,aAAaD,KAAKE,QAAQ;IAChC,MAAMC,QAAQ,AAACb,aAAmCc,QAAQ,CAACH;IAC3D,MAAMI,YAAYF,QAAQ,QAAQ;IAClC,MAAMG,SAAS;QAAEC,MAAMN;QAAYI;IAAU;IAE7C,MAAMG,yBAAyBrB,YAC7B,CAACW;QACC,IAAIW,YAAYb,MAAMc,IAAI;QAC1B,IAAI,OAAOd,MAAMe,OAAO,KAAK,UAAU;YACrCF,YAAYb,MAAMe,OAAO;QAC3B;QACAd,eAAeY,WAAWX;IAC5B,GACA;QAACD;QAAgBD,MAAMc,IAAI;QAAEd,MAAMe,OAAO;KAAC;IAG7C,MAAMC,2BAA2BzB,YAC/B,CAACW;QACC,IAAIW,YAAYb,MAAMc,IAAI;QAC1B,IAAI,OAAOd,MAAMe,OAAO,KAAK,UAAU;YACrCF,YAAYb,MAAMe,OAAO;QAC3B;QACAd,eAAeY,WAAWX;IAC5B,GACA;QAACD;QAAgBD,MAAMc,IAAI;QAAEd,MAAMe,OAAO;KAAC;IAG7C,MAAME,6BAA6B1B,YACjC,CAAC2B;QACC,IAAIL,YAAYb,MAAMc,IAAI;QAC1B,IAAI,OAAOd,MAAMe,OAAO,KAAK,UAAU;YACrCF,YAAYb,MAAMe,OAAO;QAC3B;QACAd,eAAeY,WAAWK;IAC5B,GACA;QAACjB;QAAgBD,MAAMc,IAAI;QAAEd,MAAMe,OAAO;KAAC;IAG7C,OAAQf,MAAMmB,IAAI;QAChB,KAAK;YACH,qBACE,KAACxB;gBACCyB,OAAOpB,MAAMoB,KAAK;gBAClBlB,OAAOC;gBAEPkB,UAAUT;gBACVF,QAAQA;gBACRY,OAAO;oBAAEC,OAAOvB,MAAMuB,KAAK,IAAI;gBAAQ;eAHlCvB,MAAMc,IAAI;QAMrB,KAAK;YACH,IAAId,MAAMwB,OAAO,CAACC,MAAM,IAAI,GAAG;gBAC7B,qBACE,KAAC7B;oBACCwB,OAAOpB,MAAMoB,KAAK;oBAElBI,SAAS,AAACxB,CAAAA,MAAMwB,OAAO,IAAI,EAAE,AAAD,EAAGE,GAAG,CAAC,CAACC,SAAiB,CAAA;4BACnDP,OAAO3B,eAAekC,OAAOP,KAAK,EAAEhB;4BACpCF,OAAOyB,OAAOzB,KAAK;wBACrB,CAAA;oBACAmB,UAAUL;oBACVd,OAAOC;oBACPO,QAAQA;oBACRY,OAAO;wBAAEC,OAAOvB,MAAMuB,KAAK,IAAI;oBAAQ;mBARlCvB,MAAMc,IAAI;YAWrB;YACA,qBACE,KAACjB;gBACCuB,OAAOpB,MAAMoB,KAAK;gBAElBI,SAAS,AAACxB,CAAAA,MAAMwB,OAAO,IAAI,EAAE,AAAD,EAAGE,GAAG,CAAC,CAACC,SAAiB,CAAA;wBACnDP,
|
|
1
|
+
{"version":3,"sources":["../src/FilterField.tsx"],"sourcesContent":["'use client';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from '@payloadcms/ui';\nimport { getTranslation, rtlLanguages } from '@payloadcms/translations';\nimport { Locale } from './filters/types/filters-type';\nimport { DateFilter } from './filters/components/date-filter';\nimport { SmallSelectFilter } from './filters/components/small-select-filter';\nimport { SelectFilter } from './filters/components/select-filter';\nimport { CheckboxFilter } from './filters/components/checkbox-filter';\n\nconst FilterField = ({\n field,\n onFilterChange,\n value: controlledValue,\n}: {\n field: any;\n onFilterChange: (fieldName: string, value: any) => void;\n value: any;\n}) => {\n const { i18n } = useTranslation();\n const localeLang = i18n.language;\n const isRTL = (rtlLanguages as readonly string[]).includes(localeLang);\n const direction = isRTL ? 'rtl' : 'ltr';\n const locale = { code: localeLang, direction } as Locale;\n\n const handleDateFilterChange = useCallback(\n (value: any) => {\n let fieldName = field.name;\n if (typeof field.virtual === 'string') {\n fieldName = field.virtual;\n }\n onFilterChange(fieldName, value);\n },\n [onFilterChange, field.name, field.virtual],\n );\n\n const handleSelectFilterChange = useCallback(\n (value: any) => {\n let fieldName = field.name;\n if (typeof field.virtual === 'string') {\n fieldName = field.virtual;\n }\n onFilterChange(fieldName, value);\n },\n [onFilterChange, field.name, field.virtual],\n );\n\n const handleCheckboxFilterChange = useCallback(\n (state: any) => {\n let fieldName = field.name;\n if (typeof field.virtual === 'string') {\n fieldName = field.virtual;\n }\n onFilterChange(fieldName, state);\n },\n [onFilterChange, field.name, field.virtual],\n );\n\n switch (field.type) {\n case 'date':\n return (\n <DateFilter\n label={field.label}\n value={controlledValue}\n key={field.name}\n onChange={handleDateFilterChange}\n locale={locale}\n style={{ width: field.width || '230px' }}\n />\n );\n case 'select':\n if (field.options.length <= 3) {\n return (\n <SmallSelectFilter\n label={field.label}\n key={field.name}\n options={(field.options || []).map((option: any) => ({\n label: getTranslation(option.label, i18n),\n value: option.value,\n }))}\n onChange={handleSelectFilterChange}\n value={controlledValue}\n locale={locale}\n style={{ width: field.width || '230px' }}\n />\n );\n }\n return (\n <SelectFilter\n label={field.label}\n key={field.name}\n options={(field.options || []).map((option: any) => ({\n label: option.label ? getTranslation(option.label, i18n) : option,\n value: option.value ? option.value : option,\n }))}\n onChange={handleSelectFilterChange}\n value={controlledValue}\n locale={locale}\n style={{ width: field.width || '230px' }}\n />\n );\n case 'checkbox':\n return (\n <CheckboxFilter\n label={field.label}\n key={field.name}\n onChange={handleCheckboxFilterChange}\n value={controlledValue}\n checkboxLabel={''}\n locale={locale}\n style={{ width: field.width || '230px' }}\n />\n );\n default:\n return null;\n }\n};\n\nexport default FilterField;\n"],"names":["React","useCallback","useTranslation","getTranslation","rtlLanguages","DateFilter","SmallSelectFilter","SelectFilter","CheckboxFilter","FilterField","field","onFilterChange","value","controlledValue","i18n","localeLang","language","isRTL","includes","direction","locale","code","handleDateFilterChange","fieldName","name","virtual","handleSelectFilterChange","handleCheckboxFilterChange","state","type","label","onChange","style","width","options","length","map","option","checkboxLabel"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shefing/quickfilter",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.82",
|
|
4
4
|
"private": false,
|
|
5
5
|
"bugs": "https://github.com/shefing/payload-tools/issues",
|
|
6
6
|
"repository": "https://github.com/shefing/payload-tools",
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@payloadcms/next": "3.
|
|
36
|
-
"@payloadcms/translations": "3.
|
|
37
|
-
"@payloadcms/ui": "3.
|
|
35
|
+
"@payloadcms/next": "3.61.0",
|
|
36
|
+
"@payloadcms/translations": "3.61.0",
|
|
37
|
+
"@payloadcms/ui": "3.61.0",
|
|
38
38
|
"@swc/cli": "^0.1.65",
|
|
39
39
|
"@swc/core": "^1.6.3",
|
|
40
40
|
"@types/react": "19.1.12",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"copyfiles": "^2.4.1",
|
|
44
44
|
"lucide-react": "^0.475.0",
|
|
45
45
|
"next": "15.4.4",
|
|
46
|
-
"payload": "3.
|
|
46
|
+
"payload": "3.61.0",
|
|
47
47
|
"postcss": "^8.5.2",
|
|
48
48
|
"react": "19.1.1",
|
|
49
49
|
"react-dom": "19.1.1",
|