@os-design/core 1.0.293 → 1.0.295

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.
Files changed (7) hide show
  1. package/dist/DatePicker/index.d.ts.map +1 -1
  2. package/dist/DatePicker/index.js +6 -2
  3. package/dist/Popover/index.d.ts.map +1 -1
  4. package/dist/Popover/index.js +3 -4
  5. package/package.json +2 -2
  6. package/src/DatePicker/index.tsx +7 -2
  7. package/src/Popover/index.tsx +3 -4
package/dist/DatePicker/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DatePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EAQL,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAA0B,EAKxB,KAAK,UAAU,EACf,KAAK,IAAI,EAEV,MAAM,+BAA+B,CAAC;AAUvC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAIjD,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AACF,MAAM,WAAW,eAAgB,SAAQ,WAAW,EAAE,QAAQ;IAC5D;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IACvD;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;;OAGG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AA+KD;;GAEG;AACH,QAAA,MAAM,UAAU,8GA2Xf,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DatePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EAQL,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAA0B,EAKxB,KAAK,UAAU,EACf,KAAK,IAAI,EAEV,MAAM,+BAA+B,CAAC;AAUvC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAIjD,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AACF,MAAM,WAAW,eAAgB,SAAQ,WAAW,EAAE,QAAQ;IAC5D;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IACvD;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;;OAGG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB;AA+KD;;GAEG;AACH,QAAA,MAAM,UAAU,8GAgYf,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,eAAe,UAAU,CAAC"}
package/dist/DatePicker/index.js CHANGED
@@ -213,6 +213,10 @@ const DatePicker = /*#__PURE__*/forwardRef(({
213
213
  useEffect(() => {
214
214
  forwardedValueRef.current = forwardedValue;
215
215
  }, [forwardedValue]);
216
+ const onEndRef = useRef(onEnd);
217
+ useEffect(() => {
218
+ onEndRef.current = onEnd;
219
+ }, [onEnd]);
216
220
  const formatRef = useRef(format);
217
221
  useEffect(() => {
218
222
  formatRef.current = format;
@@ -229,9 +233,9 @@ const DatePicker = /*#__PURE__*/forwardRef(({
229
233
  end
230
234
  } = inputSelection;
231
235
  if (end === start && end === format.length) {
232
- onEnd();
236
+ onEndRef.current();
233
237
  }
234
- }, [format.length, inputSelection, onEnd]);
238
+ }, [format.length, inputSelection]);
235
239
  const isMinXs = useIsMinWidth('xs');
236
240
 
237
241
  // Set the input focus
package/dist/Popover/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW9D,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAA2B,EACzB,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,+BAA+B,CAAC;AAEvC,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,QAAQ;IACzD;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACrD;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgED;;GAEG;AACH,QAAA,MAAM,OAAO,yGA0NZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW9D,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAA2B,EACzB,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,+BAA+B,CAAC;AAEvC,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,QAAQ;IACzD;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACrD;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgED;;GAEG;AACH,QAAA,MAAM,OAAO,yGAyNZ,CAAC;AAIF,eAAe,OAAO,CAAC"}
package/dist/Popover/index.js CHANGED
@@ -110,9 +110,7 @@ const Popover = /*#__PURE__*/forwardRef(({
110
110
  }, [container]);
111
111
 
112
112
  // Update the container size and its scroll offsets initially and when it has been changed.
113
- // Must depend on `visible` to update the position when the popover is visible.
114
113
  const containerListener = useCallback(() => {
115
- if (!visible) return;
116
114
  window.requestAnimationFrame(() => {
117
115
  if (containerRef.current) {
118
116
  if (containerRef.current === document.body) {
@@ -137,10 +135,11 @@ const Popover = /*#__PURE__*/forwardRef(({
137
135
  }
138
136
  }
139
137
  });
140
- }, [containerRef, visible]);
138
+ }, [containerRef]);
139
+ // Must depend on `visible` to update the position when the popover is visible.
141
140
  useBrowserLayoutEffect(() => {
142
141
  containerListener();
143
- }, [containerListener]);
142
+ }, [containerListener, visible]);
144
143
  useEvent(typeof window !== 'undefined' && containerRef.current === document.body ? window : null, 'resize', containerListener);
145
144
  useResizeObserver(typeof window !== 'undefined' && containerRef.current !== document.body ? containerRef.current : null, containerListener);
146
145
  useEvent(typeof window !== 'undefined' ? containerRef.current === document.body ? document : containerRef.current : null, 'scroll', containerListener);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@os-design/core",
3
- "version": "1.0.293",
3
+ "version": "1.0.295",
4
4
  "license": "UNLICENSED",
5
5
  "repository": "git@gitlab.com:os-team/libs/os-design.git",
6
6
  "type": "module",
@@ -58,5 +58,5 @@
58
58
  "react": "18",
59
59
  "react-dom": "18"
60
60
  },
61
- "gitHead": "63acc17104c5a57c023fb76ba0b0e8b24e6337e7"
61
+ "gitHead": "f205bb47676707729fca0bf7b0d6b966f7881cfc"
62
62
  }
package/src/DatePicker/index.tsx CHANGED
@@ -429,6 +429,11 @@ const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(
429
429
  forwardedValueRef.current = forwardedValue;
430
430
  }, [forwardedValue]);
431
431
 
432
+ const onEndRef = useRef(onEnd);
433
+ useEffect(() => {
434
+ onEndRef.current = onEnd;
435
+ }, [onEnd]);
436
+
432
437
  const formatRef = useRef(format);
433
438
  useEffect(() => {
434
439
  formatRef.current = format;
@@ -445,9 +450,9 @@ const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(
445
450
  useEffect(() => {
446
451
  const { start, end } = inputSelection;
447
452
  if (end === start && end === format.length) {
448
- onEnd();
453
+ onEndRef.current();
449
454
  }
450
- }, [format.length, inputSelection, onEnd]);
455
+ }, [format.length, inputSelection]);
451
456
 
452
457
  const isMinXs = useIsMinWidth('xs');
453
458
 
package/src/Popover/index.tsx CHANGED
@@ -196,9 +196,7 @@ const Popover = forwardRef<HTMLDivElement, PopoverProps>(
196
196
  }, [container]);
197
197
 
198
198
  // Update the container size and its scroll offsets initially and when it has been changed.
199
- // Must depend on `visible` to update the position when the popover is visible.
200
199
  const containerListener = useCallback(() => {
201
- if (!visible) return;
202
200
  window.requestAnimationFrame(() => {
203
201
  if (containerRef.current) {
204
202
  if (containerRef.current === document.body) {
@@ -223,10 +221,11 @@ const Popover = forwardRef<HTMLDivElement, PopoverProps>(
223
221
  }
224
222
  }
225
223
  });
226
- }, [containerRef, visible]);
224
+ }, [containerRef]);
225
+ // Must depend on `visible` to update the position when the popover is visible.
227
226
  useBrowserLayoutEffect(() => {
228
227
  containerListener();
229
- }, [containerListener]);
228
+ }, [containerListener, visible]);
230
229
  useEvent(
231
230
  typeof window !== 'undefined' && containerRef.current === document.body
232
231
  ? window