@transferwise/components 0.0.0-experimental-3a3c090 → 0.0.0-experimental-712eb41

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 (31) hide show
  1. package/build/common/panel/Panel.js +1 -0
  2. package/build/common/panel/Panel.js.map +1 -1
  3. package/build/common/panel/Panel.mjs +1 -0
  4. package/build/common/panel/Panel.mjs.map +1 -1
  5. package/build/common/responsivePanel/ResponsivePanel.js +6 -1
  6. package/build/common/responsivePanel/ResponsivePanel.js.map +1 -1
  7. package/build/common/responsivePanel/ResponsivePanel.mjs +6 -1
  8. package/build/common/responsivePanel/ResponsivePanel.mjs.map +1 -1
  9. package/build/dateInput/DateInput.js +16 -15
  10. package/build/dateInput/DateInput.js.map +1 -1
  11. package/build/dateInput/DateInput.mjs +16 -15
  12. package/build/dateInput/DateInput.mjs.map +1 -1
  13. package/build/inputs/SelectInput.js +1 -7
  14. package/build/inputs/SelectInput.js.map +1 -1
  15. package/build/inputs/SelectInput.mjs +1 -7
  16. package/build/inputs/SelectInput.mjs.map +1 -1
  17. package/build/types/common/panel/Panel.d.ts +2 -0
  18. package/build/types/common/panel/Panel.d.ts.map +1 -1
  19. package/build/types/common/responsivePanel/ResponsivePanel.d.ts +1 -0
  20. package/build/types/common/responsivePanel/ResponsivePanel.d.ts.map +1 -1
  21. package/build/types/dateInput/DateInput.d.ts.map +1 -1
  22. package/build/types/inputs/SelectInput.d.ts +1 -6
  23. package/build/types/inputs/SelectInput.d.ts.map +1 -1
  24. package/package.json +1 -1
  25. package/src/common/panel/Panel.tsx +2 -0
  26. package/src/common/responsivePanel/ResponsivePanel.tsx +7 -1
  27. package/src/dateInput/DateInput.spec.tsx +7 -18
  28. package/src/dateInput/DateInput.story.tsx +0 -2
  29. package/src/dateInput/DateInput.tsx +16 -22
  30. package/src/inputs/SelectInput.story.tsx +0 -7
  31. package/src/inputs/SelectInput.tsx +1 -17
@@ -146,11 +146,6 @@ function filterSelectInputItems<T>(
146
146
 
147
147
  export interface SelectInputProps<T = string, M extends boolean = false> {
148
148
  id?: string;
149
- /**
150
- * Sets the `wds-parent` attribute on the listbox container, which is needed for complex components like DateInput to correctly manage event handling.
151
- * @internal
152
- */
153
- parentId?: string;
154
149
  name?: string;
155
150
  multiple?: M;
156
151
  placeholder?: string;
@@ -251,7 +246,6 @@ const noop = () => {};
251
246
 
252
247
  export function SelectInput<T = string, M extends boolean = false>({
253
248
  id: idProp,
254
- parentId,
255
249
  name,
256
250
  multiple,
257
251
  placeholder,
@@ -438,7 +432,6 @@ export function SelectInput<T = string, M extends boolean = false>({
438
432
  >
439
433
  <SelectInputOptions
440
434
  id={id ? `${id}Search` : undefined}
441
- parentId={parentId}
442
435
  items={items}
443
436
  renderValue={renderValue}
444
437
  renderFooter={renderFooter}
@@ -541,13 +534,7 @@ const SelectInputOptionsContainer = forwardRef(function SelectInputOptionsContai
541
534
  interface SelectInputOptionsProps<T = string>
542
535
  extends Pick<
543
536
  SelectInputProps<T>,
544
- | 'items'
545
- | 'renderValue'
546
- | 'renderFooter'
547
- | 'filterable'
548
- | 'filterPlaceholder'
549
- | 'id'
550
- | 'parentId'
537
+ 'items' | 'renderValue' | 'renderFooter' | 'filterable' | 'filterPlaceholder' | 'id'
551
538
  > {
552
539
  searchInputRef: React.MutableRefObject<HTMLInputElement | null>;
553
540
  listboxRef: React.MutableRefObject<HTMLDivElement | null>;
@@ -559,7 +546,6 @@ interface SelectInputOptionsProps<T = string>
559
546
 
560
547
  function SelectInputOptions<T = string>({
561
548
  id,
562
- parentId,
563
549
  items,
564
550
  renderValue = String,
565
551
  renderFooter,
@@ -710,8 +696,6 @@ function SelectInputOptions<T = string>({
710
696
  items.some((item) => item.type === 'group') &&
711
697
  'np-select-input-listbox-container--has-group',
712
698
  )}
713
- // eslint-disable-next-line react/no-unknown-property
714
- wds-parent={parentId ?? undefined}
715
699
  >
716
700
  {resultsEmpty ? (
717
701
  <div id={statusId} className="np-select-input-options-status">