285 | {allowedDropdowns.includes('period') && (
286 |
298 | )}
299 |
300 | {periodForRender === 'reboot' ? (
301 | clearButtonNode
302 | ) : (
303 | <>
304 | {periodForRender === 'year' &&
305 | allowedDropdowns.includes('months') && (
306 |
326 | )}
327 |
328 | {(periodForRender === 'year' || periodForRender === 'month') &&
329 | allowedDropdowns.includes('month-days') && (
330 |
353 | )}
354 |
355 | {(periodForRender === 'year' ||
356 | periodForRender === 'month' ||
357 | periodForRender === 'week') &&
358 | allowedDropdowns.includes('week-days') && (
359 |
383 | )}
384 |
385 |
386 | {periodForRender !== 'minute' &&
387 | periodForRender !== 'hour' &&
388 | allowedDropdowns.includes('hours') && (
389 |
410 | )}
411 |
412 | {periodForRender !== 'minute' &&
413 | allowedDropdowns.includes('minutes') && (
414 |
437 | )}
438 |
439 | {clearButtonNode}
440 |
441 |
442 | )}
443 |
94 | {testEveryValue[1]
95 | ? `${locale.everyText || DEFAULT_LOCALE_EN.everyText} ${
96 | testEveryValue[1]
97 | }`
98 | : cronValue}
99 |
100 | )
101 | },
102 | // eslint-disable-next-line react-hooks/exhaustive-deps
103 | [value, localeJSON, humanizeLabels, leadingZero, clockFormat]
104 | )
105 |
106 | const simpleClick = useCallback(
107 | (newValueOption: number | number[]) => {
108 | const newValueOptions = Array.isArray(newValueOption)
109 | ? sort(newValueOption)
110 | : [newValueOption]
111 | let newValue: number[] = newValueOptions
112 |
113 | if (value) {
114 | newValue = mode === 'single' ? [] : [...value]
115 |
116 | newValueOptions.forEach((o) => {
117 | const newValueOptionNumber = Number(o)
118 |
119 | if (value.some((v) => v === newValueOptionNumber)) {
120 | newValue = newValue.filter((v) => v !== newValueOptionNumber)
121 | } else {
122 | newValue = sort([...newValue, newValueOptionNumber])
123 | }
124 | })
125 | }
126 |
127 | if (newValue.length === unit.total) {
128 | setValue([])
129 | } else {
130 | setValue(newValue)
131 | }
132 | },
133 | // eslint-disable-next-line react-hooks/exhaustive-deps
134 | [setValue, value]
135 | )
136 |
137 | const doubleClick = useCallback(
138 | (newValueOption: number) => {
139 | if (newValueOption !== 0 && newValueOption !== 1) {
140 | const limit = unit.total + unit.min
141 | const newValue: number[] = []
142 |
143 | for (let i = unit.min; i < limit; i++) {
144 | if (i % newValueOption === 0) {
145 | newValue.push(i)
146 | }
147 | }
148 | const oldValueEqualNewValue =
149 | value &&
150 | newValue &&
151 | value.length === newValue.length &&
152 | value.every((v: number, i: number) => v === newValue[i])
153 | const allValuesSelected = newValue.length === options.length
154 |
155 | if (allValuesSelected) {
156 | setValue([])
157 | } else if (oldValueEqualNewValue) {
158 | setValue([])
159 | } else {
160 | setValue(newValue)
161 | }
162 | } else {
163 | setValue([])
164 | }
165 | },
166 | // eslint-disable-next-line react-hooks/exhaustive-deps
167 | [value, options, setValue]
168 | )
169 |
170 | const clicksRef = useRef