@cloudscape-design/components-themeable 3.0.638 → 3.0.640

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 (152) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/form-field/motion.scss +5 -2
  3. package/lib/internal/scss/form-field/styles.scss +11 -2
  4. package/lib/internal/scss/input/styles.scss +9 -0
  5. package/lib/internal/scss/internal/components/button-trigger/styles.scss +5 -0
  6. package/lib/internal/scss/internal/styles/forms/mixins.scss +11 -0
  7. package/lib/internal/scss/slider/mixins.scss +9 -4
  8. package/lib/internal/scss/textarea/styles.scss +4 -0
  9. package/lib/internal/scss/token-group/styles.scss +9 -2
  10. package/lib/internal/template/alert/index.d.ts.map +1 -1
  11. package/lib/internal/template/alert/index.js +9 -5
  12. package/lib/internal/template/alert/index.js.map +1 -1
  13. package/lib/internal/template/attribute-editor/interfaces.d.ts +4 -0
  14. package/lib/internal/template/attribute-editor/interfaces.d.ts.map +1 -1
  15. package/lib/internal/template/attribute-editor/interfaces.js.map +1 -1
  16. package/lib/internal/template/attribute-editor/row.d.ts.map +1 -1
  17. package/lib/internal/template/attribute-editor/row.js +4 -1
  18. package/lib/internal/template/attribute-editor/row.js.map +1 -1
  19. package/lib/internal/template/container/index.js +1 -1
  20. package/lib/internal/template/container/index.js.map +1 -1
  21. package/lib/internal/template/date-picker/index.d.ts.map +1 -1
  22. package/lib/internal/template/date-picker/index.js +2 -2
  23. package/lib/internal/template/date-picker/index.js.map +1 -1
  24. package/lib/internal/template/date-range-picker/index.d.ts.map +1 -1
  25. package/lib/internal/template/date-range-picker/index.js +2 -2
  26. package/lib/internal/template/date-range-picker/index.js.map +1 -1
  27. package/lib/internal/template/file-upload/interfaces.d.ts +14 -4
  28. package/lib/internal/template/file-upload/interfaces.d.ts.map +1 -1
  29. package/lib/internal/template/file-upload/interfaces.js.map +1 -1
  30. package/lib/internal/template/file-upload/internal.js +13 -7
  31. package/lib/internal/template/file-upload/internal.js.map +1 -1
  32. package/lib/internal/template/form/index.d.ts.map +1 -1
  33. package/lib/internal/template/form/index.js +17 -6
  34. package/lib/internal/template/form/index.js.map +1 -1
  35. package/lib/internal/template/form/internal.d.ts.map +1 -1
  36. package/lib/internal/template/form/internal.js +1 -14
  37. package/lib/internal/template/form/internal.js.map +1 -1
  38. package/lib/internal/template/form-field/index.d.ts.map +1 -1
  39. package/lib/internal/template/form-field/index.js +3 -2
  40. package/lib/internal/template/form-field/index.js.map +1 -1
  41. package/lib/internal/template/form-field/interfaces.d.ts +12 -1
  42. package/lib/internal/template/form-field/interfaces.d.ts.map +1 -1
  43. package/lib/internal/template/form-field/interfaces.js.map +1 -1
  44. package/lib/internal/template/form-field/internal.d.ts +9 -3
  45. package/lib/internal/template/form-field/internal.d.ts.map +1 -1
  46. package/lib/internal/template/form-field/internal.js +39 -13
  47. package/lib/internal/template/form-field/internal.js.map +1 -1
  48. package/lib/internal/template/form-field/styles.css.js +23 -19
  49. package/lib/internal/template/form-field/styles.scoped.css +45 -29
  50. package/lib/internal/template/form-field/styles.selectors.js +23 -19
  51. package/lib/internal/template/form-field/util.d.ts +3 -2
  52. package/lib/internal/template/form-field/util.d.ts.map +1 -1
  53. package/lib/internal/template/form-field/util.js +4 -3
  54. package/lib/internal/template/form-field/util.js.map +1 -1
  55. package/lib/internal/template/input/index.d.ts.map +1 -1
  56. package/lib/internal/template/input/index.js +2 -1
  57. package/lib/internal/template/input/index.js.map +1 -1
  58. package/lib/internal/template/input/internal.d.ts.map +1 -1
  59. package/lib/internal/template/input/internal.js +4 -1
  60. package/lib/internal/template/input/internal.js.map +1 -1
  61. package/lib/internal/template/input/styles.css.js +13 -12
  62. package/lib/internal/template/input/styles.scoped.css +46 -30
  63. package/lib/internal/template/input/styles.selectors.js +13 -12
  64. package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts +12 -12
  65. package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  66. package/lib/internal/template/internal/analytics/components/analytics-funnel.js +38 -25
  67. package/lib/internal/template/internal/analytics/components/analytics-funnel.js.map +1 -1
  68. package/lib/internal/template/internal/analytics/context/analytics-context.d.ts +7 -2
  69. package/lib/internal/template/internal/analytics/context/analytics-context.d.ts.map +1 -1
  70. package/lib/internal/template/internal/analytics/context/analytics-context.js.map +1 -1
  71. package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts +5 -1
  72. package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  73. package/lib/internal/template/internal/analytics/hooks/use-funnel.js +9 -5
  74. package/lib/internal/template/internal/analytics/hooks/use-funnel.js.map +1 -1
  75. package/lib/internal/template/internal/analytics/interfaces.d.ts +23 -37
  76. package/lib/internal/template/internal/analytics/interfaces.d.ts.map +1 -1
  77. package/lib/internal/template/internal/analytics/interfaces.js.map +1 -1
  78. package/lib/internal/template/internal/base-component/index.d.ts +1 -1
  79. package/lib/internal/template/internal/base-component/index.d.ts.map +1 -1
  80. package/lib/internal/template/internal/base-component/index.js +1 -1
  81. package/lib/internal/template/internal/base-component/index.js.map +1 -1
  82. package/lib/internal/template/internal/components/button-trigger/index.d.ts +1 -0
  83. package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
  84. package/lib/internal/template/internal/components/button-trigger/index.js +2 -2
  85. package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
  86. package/lib/internal/template/internal/components/button-trigger/styles.css.js +11 -10
  87. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +35 -24
  88. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +11 -10
  89. package/lib/internal/template/internal/components/responsive-text/index.d.ts +1 -1
  90. package/lib/internal/template/internal/components/responsive-text/index.d.ts.map +1 -1
  91. package/lib/internal/template/internal/components/responsive-text/index.js +9 -4
  92. package/lib/internal/template/internal/components/responsive-text/index.js.map +1 -1
  93. package/lib/internal/template/internal/context/form-field-context.d.ts +14 -1
  94. package/lib/internal/template/internal/context/form-field-context.d.ts.map +1 -1
  95. package/lib/internal/template/internal/context/form-field-context.js +1 -1
  96. package/lib/internal/template/internal/context/form-field-context.js.map +1 -1
  97. package/lib/internal/template/internal/environment.js +1 -1
  98. package/lib/internal/template/internal/environment.json +1 -1
  99. package/lib/internal/template/link/internal.d.ts.map +1 -1
  100. package/lib/internal/template/link/internal.js +9 -3
  101. package/lib/internal/template/link/internal.js.map +1 -1
  102. package/lib/internal/template/modal/body-scroll.d.ts.map +1 -1
  103. package/lib/internal/template/modal/body-scroll.js +5 -0
  104. package/lib/internal/template/modal/body-scroll.js.map +1 -1
  105. package/lib/internal/template/pie-chart/responsive-text.d.ts.map +1 -1
  106. package/lib/internal/template/pie-chart/responsive-text.js +5 -1
  107. package/lib/internal/template/pie-chart/responsive-text.js.map +1 -1
  108. package/lib/internal/template/select/parts/filter.d.ts +1 -1
  109. package/lib/internal/template/select/parts/filter.d.ts.map +1 -1
  110. package/lib/internal/template/select/parts/trigger.d.ts.map +1 -1
  111. package/lib/internal/template/select/parts/trigger.js +2 -2
  112. package/lib/internal/template/select/parts/trigger.js.map +1 -1
  113. package/lib/internal/template/test-utils/dom/file-upload/index.d.ts +2 -0
  114. package/lib/internal/template/test-utils/dom/file-upload/index.js +6 -0
  115. package/lib/internal/template/test-utils/dom/file-upload/index.js.map +1 -1
  116. package/lib/internal/template/test-utils/dom/form-field/index.d.ts +1 -0
  117. package/lib/internal/template/test-utils/dom/form-field/index.js +3 -0
  118. package/lib/internal/template/test-utils/dom/form-field/index.js.map +1 -1
  119. package/lib/internal/template/test-utils/selectors/file-upload/index.d.ts +2 -0
  120. package/lib/internal/template/test-utils/selectors/file-upload/index.js +6 -0
  121. package/lib/internal/template/test-utils/selectors/file-upload/index.js.map +1 -1
  122. package/lib/internal/template/test-utils/selectors/form-field/index.d.ts +1 -0
  123. package/lib/internal/template/test-utils/selectors/form-field/index.js +3 -0
  124. package/lib/internal/template/test-utils/selectors/form-field/index.js.map +1 -1
  125. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  126. package/lib/internal/template/textarea/index.d.ts.map +1 -1
  127. package/lib/internal/template/textarea/index.js +2 -1
  128. package/lib/internal/template/textarea/index.js.map +1 -1
  129. package/lib/internal/template/textarea/styles.css.js +5 -4
  130. package/lib/internal/template/textarea/styles.scoped.css +23 -12
  131. package/lib/internal/template/textarea/styles.selectors.js +5 -4
  132. package/lib/internal/template/token-group/styles.css.js +9 -8
  133. package/lib/internal/template/token-group/styles.scoped.css +27 -16
  134. package/lib/internal/template/token-group/styles.selectors.js +9 -8
  135. package/lib/internal/template/token-group/token.d.ts +3 -1
  136. package/lib/internal/template/token-group/token.d.ts.map +1 -1
  137. package/lib/internal/template/token-group/token.js +8 -5
  138. package/lib/internal/template/token-group/token.js.map +1 -1
  139. package/lib/internal/template/wizard/analytics.d.ts +2 -1
  140. package/lib/internal/template/wizard/analytics.d.ts.map +1 -1
  141. package/lib/internal/template/wizard/analytics.js +7 -3
  142. package/lib/internal/template/wizard/analytics.js.map +1 -1
  143. package/lib/internal/template/wizard/index.js +1 -1
  144. package/lib/internal/template/wizard/index.js.map +1 -1
  145. package/lib/internal/template/wizard/internal.d.ts.map +1 -1
  146. package/lib/internal/template/wizard/internal.js +2 -2
  147. package/lib/internal/template/wizard/internal.js.map +1 -1
  148. package/lib/internal/template/wizard/wizard-form.d.ts +4 -2
  149. package/lib/internal/template/wizard/wizard-form.d.ts.map +1 -1
  150. package/lib/internal/template/wizard/wizard-form.js +31 -19
  151. package/lib/internal/template/wizard/wizard-form.js.map +1 -1
  152. package/package.json +1 -1
@@ -2,17 +2,21 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { memo, useEffect, useRef } from 'react';
4
4
  import { renderTextContent } from '../internal/components/responsive-text';
5
+ import { getIsRtl } from '../internal/direction';
5
6
  export default memo(ResponsiveText);
6
7
  function ResponsiveText({ x, y, rightSide, className, children, containerBoundaries }) {
7
8
  const actualRef = useRef(null);
8
9
  const virtualRef = useRef(null);
10
+ const isRtl = actualRef.current ? getIsRtl(actualRef.current) : false;
11
+ rightSide = !isRtl ? rightSide : !rightSide;
9
12
  // Determine the visible width of the text and if necessary truncate it until it fits.
10
13
  useEffect(() => {
11
14
  // The debouncing is necessary for visual smoothness.
12
15
  const timeoutId = setTimeout(() => {
16
+ const isRtl = getIsRtl(virtualRef.current);
13
17
  const groupRect = virtualRef.current.getBoundingClientRect();
14
18
  const visibleWidth = containerBoundaries ? getVisibleWidth(groupRect, containerBoundaries) : 0;
15
- renderTextContent(actualRef.current, children, visibleWidth);
19
+ renderTextContent(actualRef.current, children, visibleWidth, isRtl);
16
20
  }, 25);
17
21
  return () => clearTimeout(timeoutId);
18
22
  });
@@ -1 +1 @@
1
- {"version":3,"file":"responsive-text.js","sourceRoot":"","sources":["../../../src/pie-chart/responsive-text.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAW3E,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC;AAEpC,SAAS,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,mBAAmB,EAAuB;IACxG,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,sFAAsF;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,qDAAqD;QACrD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC;YAC9D,MAAM,YAAY,GAAG,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/F,iBAAiB,CAAC,SAAS,CAAC,OAAQ,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChE,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL;QAEE,8BACE,GAAG,EAAE,UAAU,EACf,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAC5D,MAAM,EAClB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACJ;QAGP,8BAAM,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,IACvG,QAAQ,CACJ,CACN,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,OAAwC,EAAE,SAA0C;IAC3G,IAAI,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,EAAE;QACjC,OAAO,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC;KACvC;SAAM,IAAI,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE;QAC1C,OAAO,SAAS,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;KACvC;SAAM;QACL,OAAO,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC;KACzC;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect, useRef } from 'react';\nimport { renderTextContent } from '../internal/components/responsive-text';\n\ninterface ResponsiveTextProps {\n x: number;\n y: number;\n rightSide?: boolean;\n className?: string;\n children: string;\n containerBoundaries: null | { left: number; right: number };\n}\n\nexport default memo(ResponsiveText);\n\nfunction ResponsiveText({ x, y, rightSide, className, children, containerBoundaries }: ResponsiveTextProps) {\n const actualRef = useRef<SVGTextElement>(null);\n const virtualRef = useRef<SVGTextElement>(null);\n\n // Determine the visible width of the text and if necessary truncate it until it fits.\n useEffect(() => {\n // The debouncing is necessary for visual smoothness.\n const timeoutId = setTimeout(() => {\n const groupRect = virtualRef.current!.getBoundingClientRect();\n const visibleWidth = containerBoundaries ? getVisibleWidth(groupRect, containerBoundaries) : 0;\n renderTextContent(actualRef.current!, children, visibleWidth);\n }, 25);\n return () => clearTimeout(timeoutId);\n });\n\n return (\n <>\n {/* Invisible sample text used for measurement */}\n <text\n ref={virtualRef}\n x={x}\n y={y}\n style={{ textAnchor: rightSide ? 'start' : 'end', visibility: 'hidden' }}\n aria-hidden=\"true\"\n className={className}\n >\n {children}\n </text>\n\n {/* Text node to render truncated text into */}\n <text ref={actualRef} x={x} y={y} style={{ textAnchor: rightSide ? 'start' : 'end' }} className={className}>\n {children}\n </text>\n </>\n );\n}\n\nfunction getVisibleWidth(element: { left: number; right: number }, container: { left: number; right: number }): number {\n if (element.left < container.left) {\n return element.right - container.left;\n } else if (element.right > container.right) {\n return container.right - element.left;\n } else {\n return container.right - container.left;\n }\n}\n"]}
1
+ {"version":3,"file":"responsive-text.js","sourceRoot":"","sources":["../../../src/pie-chart/responsive-text.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAWjD,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC;AAEpC,SAAS,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,mBAAmB,EAAuB;IACxG,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACtE,SAAS,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5C,sFAAsF;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,qDAAqD;QACrD,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAC;YAC5C,MAAM,SAAS,GAAG,UAAU,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC;YAC9D,MAAM,YAAY,GAAG,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC/F,iBAAiB,CAAC,SAAS,CAAC,OAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;QACvE,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL;QAEE,8BACE,GAAG,EAAE,UAAU,EACf,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAC5D,MAAM,EAClB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACJ;QAGP,8BAAM,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,IACvG,QAAQ,CACJ,CACN,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,OAAwC,EAAE,SAA0C;IAC3G,IAAI,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,EAAE;QACjC,OAAO,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC;KACvC;SAAM,IAAI,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE;QAC1C,OAAO,SAAS,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;KACvC;SAAM;QACL,OAAO,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC;KACzC;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect, useRef } from 'react';\nimport { renderTextContent } from '../internal/components/responsive-text';\nimport { getIsRtl } from '../internal/direction';\n\ninterface ResponsiveTextProps {\n x: number;\n y: number;\n rightSide?: boolean;\n className?: string;\n children: string;\n containerBoundaries: null | { left: number; right: number };\n}\n\nexport default memo(ResponsiveText);\n\nfunction ResponsiveText({ x, y, rightSide, className, children, containerBoundaries }: ResponsiveTextProps) {\n const actualRef = useRef<SVGTextElement>(null);\n const virtualRef = useRef<SVGTextElement>(null);\n\n const isRtl = actualRef.current ? getIsRtl(actualRef.current) : false;\n rightSide = !isRtl ? rightSide : !rightSide;\n\n // Determine the visible width of the text and if necessary truncate it until it fits.\n useEffect(() => {\n // The debouncing is necessary for visual smoothness.\n const timeoutId = setTimeout(() => {\n const isRtl = getIsRtl(virtualRef.current!);\n const groupRect = virtualRef.current!.getBoundingClientRect();\n const visibleWidth = containerBoundaries ? getVisibleWidth(groupRect, containerBoundaries) : 0;\n renderTextContent(actualRef.current!, children, visibleWidth, isRtl);\n }, 25);\n return () => clearTimeout(timeoutId);\n });\n\n return (\n <>\n {/* Invisible sample text used for measurement */}\n <text\n ref={virtualRef}\n x={x}\n y={y}\n style={{ textAnchor: rightSide ? 'start' : 'end', visibility: 'hidden' }}\n aria-hidden=\"true\"\n className={className}\n >\n {children}\n </text>\n\n {/* Text node to render truncated text into */}\n <text ref={actualRef} x={x} y={y} style={{ textAnchor: rightSide ? 'start' : 'end' }} className={className}>\n {children}\n </text>\n </>\n );\n}\n\nfunction getVisibleWidth(element: { left: number; right: number }, container: { left: number; right: number }): number {\n if (element.left < container.left) {\n return element.right - container.left;\n } else if (element.right > container.right) {\n return container.right - element.left;\n } else {\n return container.right - container.left;\n }\n}\n"]}
@@ -5,6 +5,6 @@ export interface FilterProps extends InternalInputProps {
5
5
  ref?: React.Ref<HTMLInputElement>;
6
6
  filteringType: SelectProps.FilteringType;
7
7
  }
8
- declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "invalid" | "__internalRootRef" | "ariaLabel" | "ariaDescribedby" | "__nativeAttributes" | "clearAriaLabel" | "ariaLabelledby" | "controlId" | "filteringType" | "ariaRequired" | "disableBrowserAutocorrect" | "spellcheck" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
8
+ declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "warning" | "invalid" | "__internalRootRef" | "ariaLabel" | "ariaDescribedby" | "__nativeAttributes" | "clearAriaLabel" | "ariaLabelledby" | "controlId" | "filteringType" | "ariaRequired" | "disableBrowserAutocorrect" | "spellcheck" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
9
9
  export default Filter;
10
10
  //# sourceMappingURL=filter.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,wsBAyBV,CAAC;AAEH,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,otBAyBV,CAAC;AAEH,eAAe,MAAM,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAG5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,MAAM,WAAW,YAAa,SAAQ,+BAA+B;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACnD;AAED,QAAA,MAAM,OAAO,wFA4FZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAG5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,MAAM,WAAW,YAAa,SAAQ,+BAA+B;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACnD;AAED,QAAA,MAAM,OAAO,wFA8FZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -9,7 +9,7 @@ import Option from '../../internal/components/option';
9
9
  import { useUniqueId } from '../../internal/hooks/use-unique-id';
10
10
  import { joinStrings } from '../../internal/utils/strings';
11
11
  import { useVisualRefresh } from '../../internal/hooks/use-visual-mode';
12
- const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId, invalid, triggerProps, selectedOption, selectedOptions, triggerVariant, inFilteringToken, isOpen, placeholder, disabled, }, ref) => {
12
+ const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId, invalid, warning, triggerProps, selectedOption, selectedOptions, triggerVariant, inFilteringToken, isOpen, placeholder, disabled, }, ref) => {
13
13
  const isVisualRefresh = useVisualRefresh();
14
14
  const generatedId = useUniqueId();
15
15
  const id = controlId !== null && controlId !== void 0 ? controlId : generatedId;
@@ -42,7 +42,7 @@ const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId,
42
42
  triggerContent = (React.createElement("span", { id: triggerContentId, className: styles.trigger }, selectedOption.label || selectedOption.value));
43
43
  }
44
44
  const mergedRef = useMergeRefs(triggerProps.ref, ref);
45
- return (React.createElement(ButtonTrigger, Object.assign({}, triggerProps, { id: id, ref: mergedRef, pressed: isOpen, disabled: disabled, invalid: invalid, inFilteringToken: inFilteringToken, inlineTokens: triggerVariant === 'tokens', ariaDescribedby: ariaDescribedby, ariaLabelledby: ariaLabelledbyIds }), triggerContent));
45
+ return (React.createElement(ButtonTrigger, Object.assign({}, triggerProps, { id: id, ref: mergedRef, pressed: isOpen, disabled: disabled, invalid: invalid, warning: warning && !invalid, inFilteringToken: inFilteringToken, inlineTokens: triggerVariant === 'tokens', ariaDescribedby: ariaDescribedby, ariaLabelledby: ariaLabelledbyIds }), triggerContent));
46
46
  });
47
47
  export default Trigger;
48
48
  //# sourceMappingURL=trigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"trigger.js","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport ButtonTrigger from '../../internal/components/button-trigger';\nimport { SelectProps } from '../interfaces';\nimport { MultiselectProps } from '../../multiselect/interfaces';\nimport styles from './styles.css.js';\nimport { OptionDefinition } from '../../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../../internal/context/form-field-context';\nimport Option from '../../internal/components/option';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { SelectTriggerProps } from '../utils/use-select';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n placeholder: string | undefined;\n disabled: boolean | undefined;\n triggerProps: SelectTriggerProps;\n selectedOption: OptionDefinition | null;\n isOpen?: boolean;\n triggerVariant?: SelectProps.TriggerVariant | MultiselectProps.TriggerVariant;\n inFilteringToken?: boolean;\n selectedOptions?: ReadonlyArray<OptionDefinition>;\n}\n\nconst Trigger = React.forwardRef(\n (\n {\n ariaLabelledby,\n ariaDescribedby,\n controlId,\n invalid,\n triggerProps,\n selectedOption,\n selectedOptions,\n triggerVariant,\n inFilteringToken,\n isOpen,\n placeholder,\n disabled,\n }: TriggerProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n const generatedId = useUniqueId();\n const id = controlId ?? generatedId;\n const triggerContentId = useUniqueId('trigger-content-');\n\n let ariaLabelledbyIds = joinStrings(ariaLabelledby, triggerContentId);\n\n let triggerContent = null;\n if (triggerVariant === 'tokens') {\n if (selectedOptions?.length) {\n triggerContent = (\n <span\n className={clsx(\n styles['inline-token-trigger'],\n disabled && styles['inline-token-trigger--disabled'],\n isVisualRefresh && styles['visual-refresh']\n )}\n >\n <span className={styles['inline-token-list']}>\n {selectedOptions.map(({ label }, i) => (\n <span key={i} className={styles['inline-token']}>\n {label}\n </span>\n ))}\n </span>\n <span className={styles['inline-token-counter']} id={triggerContentId}>\n <span className={styles['inline-token-hidden-placeholder']}>{placeholder}</span>\n <span>({selectedOptions.length})</span>\n </span>\n </span>\n );\n ariaLabelledbyIds = ariaLabelledby;\n } else {\n triggerContent = (\n <span aria-disabled=\"true\" className={clsx(styles.placeholder, styles.trigger)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n }\n } else if (!selectedOption) {\n triggerContent = (\n <span aria-disabled=\"true\" className={clsx(styles.placeholder, styles.trigger)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n } else if (triggerVariant === 'option') {\n triggerContent = <Option id={triggerContentId} option={{ ...selectedOption, disabled }} triggerVariant={true} />;\n } else {\n triggerContent = (\n <span id={triggerContentId} className={styles.trigger}>\n {selectedOption.label || selectedOption.value}\n </span>\n );\n }\n\n const mergedRef = useMergeRefs(triggerProps.ref, ref);\n\n return (\n <ButtonTrigger\n {...triggerProps}\n id={id}\n ref={mergedRef}\n pressed={isOpen}\n disabled={disabled}\n invalid={invalid}\n inFilteringToken={inFilteringToken}\n inlineTokens={triggerVariant === 'tokens'}\n ariaDescribedby={ariaDescribedby}\n ariaLabelledby={ariaLabelledbyIds}\n >\n {triggerContent}\n </ButtonTrigger>\n );\n }\n);\n\nexport default Trigger;\n"]}
1
+ {"version":3,"file":"trigger.js","sourceRoot":"","sources":["../../../../src/select/parts/trigger.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport ButtonTrigger from '../../internal/components/button-trigger';\nimport { SelectProps } from '../interfaces';\nimport { MultiselectProps } from '../../multiselect/interfaces';\nimport styles from './styles.css.js';\nimport { OptionDefinition } from '../../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../../internal/context/form-field-context';\nimport Option from '../../internal/components/option';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { SelectTriggerProps } from '../utils/use-select';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n placeholder: string | undefined;\n disabled: boolean | undefined;\n triggerProps: SelectTriggerProps;\n selectedOption: OptionDefinition | null;\n isOpen?: boolean;\n triggerVariant?: SelectProps.TriggerVariant | MultiselectProps.TriggerVariant;\n inFilteringToken?: boolean;\n selectedOptions?: ReadonlyArray<OptionDefinition>;\n}\n\nconst Trigger = React.forwardRef(\n (\n {\n ariaLabelledby,\n ariaDescribedby,\n controlId,\n invalid,\n warning,\n triggerProps,\n selectedOption,\n selectedOptions,\n triggerVariant,\n inFilteringToken,\n isOpen,\n placeholder,\n disabled,\n }: TriggerProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n const generatedId = useUniqueId();\n const id = controlId ?? generatedId;\n const triggerContentId = useUniqueId('trigger-content-');\n\n let ariaLabelledbyIds = joinStrings(ariaLabelledby, triggerContentId);\n\n let triggerContent = null;\n if (triggerVariant === 'tokens') {\n if (selectedOptions?.length) {\n triggerContent = (\n <span\n className={clsx(\n styles['inline-token-trigger'],\n disabled && styles['inline-token-trigger--disabled'],\n isVisualRefresh && styles['visual-refresh']\n )}\n >\n <span className={styles['inline-token-list']}>\n {selectedOptions.map(({ label }, i) => (\n <span key={i} className={styles['inline-token']}>\n {label}\n </span>\n ))}\n </span>\n <span className={styles['inline-token-counter']} id={triggerContentId}>\n <span className={styles['inline-token-hidden-placeholder']}>{placeholder}</span>\n <span>({selectedOptions.length})</span>\n </span>\n </span>\n );\n ariaLabelledbyIds = ariaLabelledby;\n } else {\n triggerContent = (\n <span aria-disabled=\"true\" className={clsx(styles.placeholder, styles.trigger)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n }\n } else if (!selectedOption) {\n triggerContent = (\n <span aria-disabled=\"true\" className={clsx(styles.placeholder, styles.trigger)} id={triggerContentId}>\n {placeholder}\n </span>\n );\n } else if (triggerVariant === 'option') {\n triggerContent = <Option id={triggerContentId} option={{ ...selectedOption, disabled }} triggerVariant={true} />;\n } else {\n triggerContent = (\n <span id={triggerContentId} className={styles.trigger}>\n {selectedOption.label || selectedOption.value}\n </span>\n );\n }\n\n const mergedRef = useMergeRefs(triggerProps.ref, ref);\n\n return (\n <ButtonTrigger\n {...triggerProps}\n id={id}\n ref={mergedRef}\n pressed={isOpen}\n disabled={disabled}\n invalid={invalid}\n warning={warning && !invalid}\n inFilteringToken={inFilteringToken}\n inlineTokens={triggerVariant === 'tokens'}\n ariaDescribedby={ariaDescribedby}\n ariaLabelledby={ariaLabelledbyIds}\n >\n {triggerContent}\n </ButtonTrigger>\n );\n }\n);\n\nexport default Trigger;\n"]}
@@ -17,6 +17,7 @@ export default class FileUploadWrapper extends ComponentWrapper<HTMLElement> {
17
17
  findTokenToggle(): null | ElementWrapper;
18
18
  findConstraint(): null | ElementWrapper;
19
19
  findError(): null | ElementWrapper;
20
+ findWarning(): null | ElementWrapper;
20
21
  }
21
22
  declare class FileTokenWrapper extends ComponentWrapper {
22
23
  findFileName(): ElementWrapper;
@@ -24,6 +25,7 @@ declare class FileTokenWrapper extends ComponentWrapper {
24
25
  findFileLastModified(): null | ElementWrapper;
25
26
  findFileThumbnail(): null | ElementWrapper;
26
27
  findFileError(): null | ElementWrapper;
28
+ findFileWarning(): null | ElementWrapper;
27
29
  findRemoveButton(): ElementWrapper;
28
30
  }
29
31
  export {};
@@ -40,6 +40,9 @@ class FileUploadWrapper extends dom_1.ComponentWrapper {
40
40
  findError() {
41
41
  return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_6.default.error} .${styles_selectors_js_6.default.error__message}`);
42
42
  }
43
+ findWarning() {
44
+ return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_6.default.warning} .${styles_selectors_js_6.default.warning__message}`);
45
+ }
43
46
  }
44
47
  exports.default = FileUploadWrapper;
45
48
  FileUploadWrapper.rootSelector = styles_selectors_js_1.default.root;
@@ -59,6 +62,9 @@ class FileTokenWrapper extends dom_1.ComponentWrapper {
59
62
  findFileError() {
60
63
  return this.find(`.${styles_selectors_js_6.default.error} .${styles_selectors_js_6.default.error__message}`);
61
64
  }
65
+ findFileWarning() {
66
+ return this.find(`.${styles_selectors_js_6.default.warning} .${styles_selectors_js_6.default.warning__message}`);
67
+ }
62
68
  findRemoveButton() {
63
69
  return this.findByClassName(styles_selectors_js_4.default['dismiss-button']);
64
70
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,kFAA2E;AAC3E,6FAA2F;AAC3F,8FAA6F;AAC7F,kFAA2E;AAC3E,qGAA6F;AAC7F,iFAAsE;AACtE,sCAAsC;AAEtC,MAAqB,iBAAkB,SAAQ,sBAA6B;IAG1E,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,eAAe,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC7F,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,cAAc,CAAC,CAAE,CAAC;IACzE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAC3D,YAAY,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAChE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;;AAvCH,oCAwCC;AAvCQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC;AAyCzD,MAAM,gBAAiB,SAAQ,sBAAgB;IAC7C,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9E,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACtF,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,6BAA6B,CAAC,CAAC,CAAC;IACxF,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;CACF"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,kFAA2E;AAC3E,6FAA2F;AAC3F,8FAA6F;AAC7F,kFAA2E;AAC3E,qGAA6F;AAC7F,iFAAsE;AACtE,sCAAsC;AAEtC,MAAqB,iBAAkB,SAAQ,sBAA6B;IAG1E,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,eAAe,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC7F,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,cAAc,CAAC,CAAE,CAAC;IACzE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAC3D,YAAY,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAChE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACrH,CAAC;;AA3CH,oCA4CC;AA3CQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC;AA6CzD,MAAM,gBAAiB,SAAQ,sBAAgB;IAC7C,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9E,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACtF,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,6BAA6B,CAAC,CAAC,CAAC;IACxF,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvF,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;CACF"}
@@ -6,6 +6,7 @@ export default class FormFieldWrapper extends ComponentWrapper<HTMLElement> {
6
6
  findInfo(): ElementWrapper | null;
7
7
  findConstraint(): ElementWrapper | null;
8
8
  findError(): ElementWrapper | null;
9
+ findWarning(): ElementWrapper | null;
9
10
  findDescription(): ElementWrapper | null;
10
11
  findSecondaryControl(): ElementWrapper | null;
11
12
  }
@@ -20,6 +20,9 @@ class FormFieldWrapper extends dom_1.ComponentWrapper {
20
20
  findError() {
21
21
  return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_1.default.error} .${styles_selectors_js_1.default.error__message}`);
22
22
  }
23
+ findWarning() {
24
+ return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_1.default.warning} .${styles_selectors_js_1.default.warning__message}`);
25
+ }
23
26
  findDescription() {
24
27
  return this.findByClassName(styles_selectors_js_1.default.description);
25
28
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/form-field/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,iFAA6D;AAE7D,MAAqB,gBAAiB,SAAQ,sBAA6B;IAGzE,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,UAAU,EAAE,CAAC,CAAC;IACtE,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,cAAc,EAAE,CAAC,CAAC;IAC3F,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,WAAW,CAAC,CAAC;IAClD,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;;AA7BH,mCA8BC;AA7BQ,6BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/form-field/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,iFAA6D;AAE7D,MAAqB,gBAAiB,SAAQ,sBAA6B;IAGzE,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,UAAU,EAAE,CAAC,CAAC;IACtE,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,cAAc,EAAE,CAAC,CAAC;IAC3F,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,OAAO,KAAK,6BAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/F,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,WAAW,CAAC,CAAC;IAClD,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;;AAjCH,mCAkCC;AAjCQ,6BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC"}
@@ -17,6 +17,7 @@ export default class FileUploadWrapper extends ComponentWrapper {
17
17
  findTokenToggle(): ElementWrapper;
18
18
  findConstraint(): ElementWrapper;
19
19
  findError(): ElementWrapper;
20
+ findWarning(): ElementWrapper;
20
21
  }
21
22
  declare class FileTokenWrapper extends ComponentWrapper {
22
23
  findFileName(): ElementWrapper;
@@ -24,6 +25,7 @@ declare class FileTokenWrapper extends ComponentWrapper {
24
25
  findFileLastModified(): ElementWrapper;
25
26
  findFileThumbnail(): ElementWrapper;
26
27
  findFileError(): ElementWrapper;
28
+ findFileWarning(): ElementWrapper;
27
29
  findRemoveButton(): ElementWrapper;
28
30
  }
29
31
  export {};
@@ -40,6 +40,9 @@ class FileUploadWrapper extends selectors_1.ComponentWrapper {
40
40
  findError() {
41
41
  return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_6.default.error} .${styles_selectors_js_6.default.error__message}`);
42
42
  }
43
+ findWarning() {
44
+ return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_6.default.warning} .${styles_selectors_js_6.default.warning__message}`);
45
+ }
43
46
  }
44
47
  exports.default = FileUploadWrapper;
45
48
  FileUploadWrapper.rootSelector = styles_selectors_js_1.default.root;
@@ -59,6 +62,9 @@ class FileTokenWrapper extends selectors_1.ComponentWrapper {
59
62
  findFileError() {
60
63
  return this.find(`.${styles_selectors_js_6.default.error} .${styles_selectors_js_6.default.error__message}`);
61
64
  }
65
+ findFileWarning() {
66
+ return this.find(`.${styles_selectors_js_6.default.warning} .${styles_selectors_js_6.default.warning__message}`);
67
+ }
62
68
  findRemoveButton() {
63
69
  return this.findByClassName(styles_selectors_js_4.default['dismiss-button']);
64
70
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,kFAA2E;AAC3E,6FAA2F;AAC3F,8FAA6F;AAC7F,kFAA2E;AAC3E,qGAA6F;AAC7F,iFAAsE;AACtE,sCAAsC;AACtC,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,eAAe,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC7F,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,cAAc,CAAC,CAAE,CAAC;IACzE,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IACjI,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;;AAhCH,oCAiCC;AAhCQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC;AAiCzD,MAAM,gBAAiB,SAAQ,4BAAgB;IAC7C,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9E,CAAC;IACD,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7E,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACtF,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,6BAA6B,CAAC,CAAC,CAAC;IACxF,CAAC;IACD,aAAa;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACnF,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;CACF"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,kFAA2E;AAC3E,6FAA2F;AAC3F,8FAA6F;AAC7F,kFAA2E;AAC3E,qGAA6F;AAC7F,iFAAsE;AACtE,sCAAsC;AACtC,MAAqB,iBAAkB,SAAQ,4BAAgB;IAE7D,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,eAAe,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC7F,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,cAAc,CAAC,CAAE,CAAC;IACzE,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IACjI,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACrH,CAAC;;AAnCH,oCAoCC;AAnCQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC;AAoCzD,MAAM,gBAAiB,SAAQ,4BAAgB;IAC7C,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9E,CAAC;IACD,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7E,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACtF,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,6BAA6B,CAAC,CAAC,CAAC;IACxF,CAAC;IACD,aAAa;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACnF,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,OAAO,KAAK,6BAAe,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACvF,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;CACF"}
@@ -6,6 +6,7 @@ export default class FormFieldWrapper extends ComponentWrapper {
6
6
  findInfo(): ElementWrapper;
7
7
  findConstraint(): ElementWrapper;
8
8
  findError(): ElementWrapper;
9
+ findWarning(): ElementWrapper;
9
10
  findDescription(): ElementWrapper;
10
11
  findSecondaryControl(): ElementWrapper;
11
12
  }
@@ -20,6 +20,9 @@ class FormFieldWrapper extends selectors_1.ComponentWrapper {
20
20
  findError() {
21
21
  return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_1.default.error} .${styles_selectors_js_1.default.error__message}`);
22
22
  }
23
+ findWarning() {
24
+ return this.find(`:scope > .${styles_selectors_js_1.default.hints} .${styles_selectors_js_1.default.warning} .${styles_selectors_js_1.default.warning__message}`);
25
+ }
23
26
  findDescription() {
24
27
  return this.findByClassName(styles_selectors_js_1.default.description);
25
28
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/form-field/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,iFAA6D;AAC7D,MAAqB,gBAAiB,SAAQ,4BAAgB;IAE5D,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,UAAU,EAAE,CAAC,CAAC;IACtE,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,cAAc,EAAE,CAAC,CAAC;IAC3F,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,WAAW,CAAC,CAAC;IAClD,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;;AAtBH,mCAuBC;AAtBQ,6BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/form-field/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,iFAA6D;AAC7D,MAAqB,gBAAiB,SAAQ,4BAAgB;IAE5D,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IACD,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,UAAU,EAAE,CAAC,CAAC;IACtE,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,cAAc,EAAE,CAAC,CAAC;IAC3F,CAAC;IACD,WAAW;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,6BAAM,CAAC,KAAK,KAAK,6BAAM,CAAC,OAAO,KAAK,6BAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/F,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,WAAW,CAAC,CAAC;IAClD,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC3D,CAAC;;AAzBH,mCA0BC;AAzBQ,6BAAY,GAAW,6BAAM,CAAC,IAAI,CAAC"}