@sparrowengg/integrations-templates-frontend 8.0.5 → 8.0.6
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/cjs/dynamic-mapping/hooks/use-custom-dropdown.js +0 -7
- package/dist/cjs/dynamic-mapping/hooks/use-custom-dropdown.js.map +1 -1
- package/dist/es/dynamic-mapping/hooks/use-custom-dropdown.js +1 -8
- package/dist/es/dynamic-mapping/hooks/use-custom-dropdown.js.map +1 -1
- package/package.json +1 -1
|
@@ -20,13 +20,6 @@ const useCustomDropdown = ({
|
|
|
20
20
|
});
|
|
21
21
|
const [days, setDays] = React.useState((_b = (_a = value == null ? void 0 : value.value) == null ? void 0 : _a.value) != null ? _b : 0);
|
|
22
22
|
const [open, setOpen] = React.useState(false);
|
|
23
|
-
const [hasBeenOpened, setHasBeenOpened] = React.useState(false);
|
|
24
|
-
React.useEffect(() => {
|
|
25
|
-
if (!(editField == null ? void 0 : editField.id) && !hasBeenOpened && !isDisabled) {
|
|
26
|
-
setOpen(true);
|
|
27
|
-
setHasBeenOpened(true);
|
|
28
|
-
}
|
|
29
|
-
}, [editField == null ? void 0 : editField.id, hasBeenOpened, isDisabled]);
|
|
30
23
|
const handleDateApply = React.useCallback(() => {
|
|
31
24
|
onChangeHandler({
|
|
32
25
|
id: "responseImportType",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-custom-dropdown.js","sources":["../../../../src/dynamic-mapping/hooks/use-custom-dropdown.ts"],"sourcesContent":["/* ----- Imports ----- */\n\nimport { useState,
|
|
1
|
+
{"version":3,"file":"use-custom-dropdown.js","sources":["../../../../src/dynamic-mapping/hooks/use-custom-dropdown.ts"],"sourcesContent":["/* ----- Imports ----- */\n\nimport { useState, useCallback } from 'react';\nimport { parseDate, DateValue } from '@internationalized/date';\nimport dayjs from 'dayjs';\n\n/* ----- Types / Interfaces ----- */\n\ninterface UseCustomDropdownProps {\n value: any;\n editField?: any;\n isDisabled?: boolean;\n onChangeHandler: (value: any) => void;\n}\n\ninterface UseCustomDropdownReturn {\n date: DateValue;\n setDate: React.Dispatch<React.SetStateAction<DateValue>>;\n days: number | string;\n setDays: React.Dispatch<React.SetStateAction<number | string>>;\n open: boolean;\n setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n handleDateApply: () => void;\n handleDateRangeApply: () => void;\n handleRadioChange: (value: string) => void;\n}\n\n/* ----- Main Hook ----- */\n\n/**\n * Custom hook to manage dropdown state and handlers\n * \n * @param {UseCustomDropdownProps} props - Props for custom dropdown\n * @returns {UseCustomDropdownReturn} State and handlers for dropdown\n * \n * @example\n * const { date, setDate, handleDateApply } = useCustomDropdown({\n * value,\n * editField,\n * onChangeHandler,\n * });\n */\nexport const useCustomDropdown = ({\n value,\n editField,\n isDisabled,\n onChangeHandler,\n}: UseCustomDropdownProps): UseCustomDropdownReturn => {\n const [date, setDate] = useState<DateValue>(() => {\n try {\n return value\n ? parseDate(dayjs(value).format('YYYY-MM-DD'))\n : parseDate(dayjs().format('YYYY-MM-DD'));\n } catch (e) {\n return parseDate(dayjs().format('YYYY-MM-DD'));\n }\n });\n\n const [days, setDays] = useState(value?.value?.value ?? 0);\n const [open, setOpen] = useState(false);\n\n const handleDateApply = useCallback(() => {\n onChangeHandler({\n id: 'responseImportType',\n value: {\n id: 2,\n type: 'date',\n value: dayjs(date.toString()).format('MMM D, YYYY'),\n label: 'From a specific date',\n },\n });\n setOpen(false);\n }, [date, onChangeHandler]);\n\n const handleDateRangeApply = useCallback(() => {\n onChangeHandler({\n id: 'responseImportType',\n value: {\n type: 'dateRange',\n value: {\n id: 3,\n type: value?.value?.type,\n value: days,\n label: value?.value?.label,\n },\n label: 'From last',\n },\n });\n setOpen(false);\n }, [days, value, onChangeHandler]);\n\n const handleRadioChange = useCallback(\n (radioValue: string) => {\n onChangeHandler({\n id: 'responseImportType',\n value: {\n type: 'dateRange',\n value: {\n type: radioValue,\n value: radioValue,\n label: radioValue,\n },\n label: 'From last',\n },\n });\n },\n [onChangeHandler]\n );\n\n return {\n date,\n setDate,\n days,\n setDays,\n open,\n setOpen,\n handleDateApply,\n handleDateRangeApply,\n handleRadioChange,\n };\n};\n"],"names":["useState","parseDate","dayjs","useCallback","_a","_b"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useState,
|
|
1
|
+
import { useState, useCallback } from 'react';
|
|
2
2
|
import { parseDate as $58246871e4652552$export$6b862160d295c8e } from '../../node_modules/@internationalized/date/dist/private/string.js';
|
|
3
3
|
import dayjs from '../../node_modules/dayjs/dayjs.min.js';
|
|
4
4
|
|
|
@@ -18,13 +18,6 @@ const useCustomDropdown = ({
|
|
|
18
18
|
});
|
|
19
19
|
const [days, setDays] = useState((_b = (_a = value == null ? void 0 : value.value) == null ? void 0 : _a.value) != null ? _b : 0);
|
|
20
20
|
const [open, setOpen] = useState(false);
|
|
21
|
-
const [hasBeenOpened, setHasBeenOpened] = useState(false);
|
|
22
|
-
useEffect(() => {
|
|
23
|
-
if (!(editField == null ? void 0 : editField.id) && !hasBeenOpened && !isDisabled) {
|
|
24
|
-
setOpen(true);
|
|
25
|
-
setHasBeenOpened(true);
|
|
26
|
-
}
|
|
27
|
-
}, [editField == null ? void 0 : editField.id, hasBeenOpened, isDisabled]);
|
|
28
21
|
const handleDateApply = useCallback(() => {
|
|
29
22
|
onChangeHandler({
|
|
30
23
|
id: "responseImportType",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-custom-dropdown.js","sources":["../../../../src/dynamic-mapping/hooks/use-custom-dropdown.ts"],"sourcesContent":["/* ----- Imports ----- */\n\nimport { useState,
|
|
1
|
+
{"version":3,"file":"use-custom-dropdown.js","sources":["../../../../src/dynamic-mapping/hooks/use-custom-dropdown.ts"],"sourcesContent":["/* ----- Imports ----- */\n\nimport { useState, useCallback } from 'react';\nimport { parseDate, DateValue } from '@internationalized/date';\nimport dayjs from 'dayjs';\n\n/* ----- Types / Interfaces ----- */\n\ninterface UseCustomDropdownProps {\n value: any;\n editField?: any;\n isDisabled?: boolean;\n onChangeHandler: (value: any) => void;\n}\n\ninterface UseCustomDropdownReturn {\n date: DateValue;\n setDate: React.Dispatch<React.SetStateAction<DateValue>>;\n days: number | string;\n setDays: React.Dispatch<React.SetStateAction<number | string>>;\n open: boolean;\n setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n handleDateApply: () => void;\n handleDateRangeApply: () => void;\n handleRadioChange: (value: string) => void;\n}\n\n/* ----- Main Hook ----- */\n\n/**\n * Custom hook to manage dropdown state and handlers\n * \n * @param {UseCustomDropdownProps} props - Props for custom dropdown\n * @returns {UseCustomDropdownReturn} State and handlers for dropdown\n * \n * @example\n * const { date, setDate, handleDateApply } = useCustomDropdown({\n * value,\n * editField,\n * onChangeHandler,\n * });\n */\nexport const useCustomDropdown = ({\n value,\n editField,\n isDisabled,\n onChangeHandler,\n}: UseCustomDropdownProps): UseCustomDropdownReturn => {\n const [date, setDate] = useState<DateValue>(() => {\n try {\n return value\n ? parseDate(dayjs(value).format('YYYY-MM-DD'))\n : parseDate(dayjs().format('YYYY-MM-DD'));\n } catch (e) {\n return parseDate(dayjs().format('YYYY-MM-DD'));\n }\n });\n\n const [days, setDays] = useState(value?.value?.value ?? 0);\n const [open, setOpen] = useState(false);\n\n const handleDateApply = useCallback(() => {\n onChangeHandler({\n id: 'responseImportType',\n value: {\n id: 2,\n type: 'date',\n value: dayjs(date.toString()).format('MMM D, YYYY'),\n label: 'From a specific date',\n },\n });\n setOpen(false);\n }, [date, onChangeHandler]);\n\n const handleDateRangeApply = useCallback(() => {\n onChangeHandler({\n id: 'responseImportType',\n value: {\n type: 'dateRange',\n value: {\n id: 3,\n type: value?.value?.type,\n value: days,\n label: value?.value?.label,\n },\n label: 'From last',\n },\n });\n setOpen(false);\n }, [days, value, onChangeHandler]);\n\n const handleRadioChange = useCallback(\n (radioValue: string) => {\n onChangeHandler({\n id: 'responseImportType',\n value: {\n type: 'dateRange',\n value: {\n type: radioValue,\n value: radioValue,\n label: radioValue,\n },\n label: 'From last',\n },\n });\n },\n [onChangeHandler]\n );\n\n return {\n date,\n setDate,\n days,\n setDays,\n open,\n setOpen,\n handleDateApply,\n handleDateRangeApply,\n handleRadioChange,\n };\n};\n"],"names":["parseDate","_a","_b"],"mappings":"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"}
|