@pega/cosmos-react-core 7.0.0-build.26.0 → 7.0.0-build.26.10

package/lib/components/FormField/FormField.js

@@ -43,21 +43,9 @@ export const StyledFormFieldInfo = styled.div(({ status, theme: { base: { 'font-
     `;
 });
 StyledFormFieldInfo.defaultProps = defaultThemeProp;
-export const StyledRequiredAsterisk = styled.span(({ theme }) => {
-    const { base: { palette: { urgent } } } = theme;
-    return css `
-    vertical-align: top;
-    color: ${urgent};
-  `;
-});
-StyledRequiredAsterisk.defaultProps = defaultThemeProp;
-const StyledLabelRow = styled.div `
-  ${StyledRequiredAsterisk} {
-    margin-inline-end: auto;
-  }
-`;
+export const StyledLabelRow = styled.div ``;
 export const StyledFormField = styled.div(props => {
-    const { labelAsLegend, showAdditionalInfo, disabled, required, theme: { base: { 'disabled-opacity': disabledOpacity, spacing } } } = props;
+    const { labelAsLegend, showAdditionalInfo, disabled, required, theme: { base: { palette: { urgent }, 'disabled-opacity': disabledOpacity, spacing } } } = props;
     const { ltr } = useDirection();
     return css `
     ${disabled &&
@@ -74,6 +62,14 @@ export const StyledFormField = styled.div(props => {
     }
 
     > ${StyledLabel}, > ${StyledLabelRow} > ${StyledLabel} {
+      ${required &&
+        css `
+        &::after {
+          content: ${'"\\00a0*" / " "'};
+          color: ${urgent};
+        }
+      `}
+
       ${disabled &&
         css `
         cursor: not-allowed;
@@ -81,7 +77,7 @@ export const StyledFormField = styled.div(props => {
     }
 
     ${labelAsLegend &&
-        (showAdditionalInfo || required) &&
+        showAdditionalInfo &&
         css `
       display: block;
 
@@ -89,17 +85,6 @@ export const StyledFormField = styled.div(props => {
         float: ${ltr ? 'left' : 'right'};
       }
 
-      > ${StyledRequiredAsterisk} {
-        float: ${ltr ? 'left' : 'right'};
-
-        ${!showAdditionalInfo &&
-            css `
-          + * {
-            clear: both;
-          }
-        `}
-      }
-
       > ${StyledAdditionalInfo} {
         float: ${ltr ? 'right' : 'left'};
 
@@ -162,7 +147,7 @@ const FormField = forwardRef(function FormField(props, ref) {
     const labelContent = (_jsxs(_Fragment, { children: [_jsx(Label, { "data-testid": testIds.label, id: labelId, as: labelAs, htmlFor: labelAs === 'label' ? labelFor : undefined, labelHidden: labelHidden, onClick: (e) => {
                     if (readOnly)
                         e.preventDefault();
-                }, inline: inline, ref: labelRef, children: label }), required && !labelHidden && (_jsx(StyledRequiredAsterisk, { "aria-hidden": true, children: "\u00A0*" })), showAdditionalInfo && labelText && (_jsx(AdditionalInfo, { "data-testid": testIds.additionalInfo, heading: additionalInfo.heading, contextualLabel: labelText, children: additionalInfo.content }))] }));
+                }, inline: inline, ref: labelRef, children: label }), showAdditionalInfo && labelText && (_jsx(AdditionalInfo, { "data-testid": testIds.additionalInfo, heading: additionalInfo.heading, contextualLabel: labelText, children: additionalInfo.content }))] }));
     const labelRow = !isRadioCheck && !labelAsLegend ? (_jsx(Flex, { as: StyledLabelRow, container: { justify: 'between', alignItems: 'end' }, item: { alignSelf: 'stretch' }, children: labelContent })) : (labelContent);
     useEffect(() => {
         setLabelText(labelRef.current?.textContent ?? null);

package/lib/components/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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","sourcesContent":["import { cloneElement, useEffect, forwardRef, useState, useRef } from 'react';\nimport type { FC, ReactNode, ComponentType, ReactElement, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\n\nimport { defaultThemeProp } from '../../theme';\nimport type { Action, ExcludeStrict, ForwardProps, OmitStrict, TestIdProp } from '../../types';\nimport Flex from '../Flex';\nimport type { FlexProps } from '../Flex';\nimport Actions from '../Actions';\nimport type { FormControlProps } from '../FormControl';\nimport {\n  useConsolidatedRef,\n  useDirection,\n  useI18n,\n  useLiveLog,\n  useTestIds,\n  useUID\n} from '../../hooks';\nimport Label, { StyledLabel } from '../Label';\nimport type { LabelProps } from '../Label';\nimport { calculateFontSize, getHoverColors, readableColor } from '../../styles';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport { getFocusables, tryCatch, withTestIds } from '../../utils';\nimport Button from '../Button';\nimport Icon, { registerIcon } from '../Icon';\nimport * as warnSolidIcon from '../Icon/icons/warn-solid.icon';\nimport * as flagWaveSolidIcon from '../Icon/icons/flag-wave-solid.icon';\nimport * as checkIcon from '../Icon/icons/check.icon';\nimport AdditionalInfo, { StyledAdditionalInfo } from '../AdditionalInfo';\n\nimport { getFormFieldTestIds } from './FormField.test-ids';\nimport type { elements } from './FormField.test-ids';\n\nregisterIcon(warnSolidIcon, flagWaveSolidIcon, checkIcon);\n\nexport interface FormFieldProps\n  extends OmitStrict<FormControlProps, 'placeholder' | 'value' | 'defaultValue'>,\n    TestIdProp<typeof elements> {\n  /** Pass a single form control component i.e. Input | TextArea | Select | etc.. */\n  children: ReactElement | ReactElement[];\n  /**\n   * An id is required to connect a FormField's wrapping element, control element and info(aria-describedby) live region.\n   * A random id will be generated if none is provided.\n   * Since MOST FormControls should possess an id(excl. i.e RadioCheckGroup and others) this can be used.\n   * The id prop will be used to generate the following:\n   * - FormControl <-> Label association via a Label's htmlFor prop.\n   * - FormField's wrapping element id {id}-field.\n   * - FormField info element id ${id}-info.\n   */\n  id?: string;\n  /**\n   * Determines how the wrapping label should be rendered.\n   * @default 'label'\n   */\n  labelAs?: LabelProps['as'];\n  /**\n   * Overrides the for attribute on the label. If this is not set it will default to the forms id.\n   * @default undefined\n   */\n  labelFor?: LabelProps['htmlFor'];\n  /**\n   * Sets the id of the label.\n   * @default undefined\n   */\n  labelId?: LabelProps['id'];\n  /**\n   * Visually hides the label region.\n   * @default false\n   */\n  labelHidden?: boolean;\n  /**\n   * Visually places the label after the input.\n   * @default false\n   */\n  labelAfter?: boolean;\n  /**\n   * Property used to check whether input type is radio to handle styling for RadioCheck\n   * @default false\n   */\n  isRadioCheck?: boolean;\n  /**\n   * Wrapping HTML element tag. Renders as a fieldset for grouped elements i.e. RadioButtons/CheckboxGroup\n   * @default 'div'\n   */\n  as?: 'div' | 'fieldset' | ComponentType<any>;\n  /**\n   * Layout field elements inline in a row.\n   * @default false\n   */\n  inline?: boolean;\n  /** Optionally utilized by Input or Select. */\n  actions?: Action[];\n  /** Enables Flex container prop pass through. */\n  container?: ExcludeStrict<FlexProps['container'], true>;\n  /** Character remaining count. Typically used on Textareas only */\n  charLimitDisplay?: ReactNode;\n}\n\nconst StyledStatusIcon = styled(Icon)<{ status: NonNullable<FormFieldProps['status']> }>(({\n  theme,\n  status\n}) => {\n  return css`\n    height: 1em;\n    width: 1em;\n    color: ${theme.components['form-field'][status]['status-color']};\n    vertical-align: baseline;\n    margin-inline-end: 0.5ch;\n  `;\n});\n\nStyledStatusIcon.defaultProps = defaultThemeProp;\n\nexport const StyledFormFieldInfo = styled.div<Pick<FormControlProps, 'status'>>(\n  ({\n    status,\n    theme: {\n      base: { 'font-size': fontSize, 'font-scale': fontScale, spacing },\n      components: { 'form-field': formField }\n    }\n  }) => {\n    const { xxs: infoFontSize } = calculateFontSize(fontSize, fontScale);\n\n    return css`\n      max-width: max-content;\n      margin-top: calc(0.25 * ${spacing});\n      font-size: ${infoFontSize};\n      word-break: break-word;\n      ${status &&\n      formField[status] &&\n      css`\n        color: ${formField[status]['status-color']};\n      `}\n    `;\n  }\n);\n\nStyledFormFieldInfo.defaultProps = defaultThemeProp;\n\nexport const StyledRequiredAsterisk = styled.span(({ theme }) => {\n  const {\n    base: {\n      palette: { urgent }\n    }\n  } = theme;\n\n  return css`\n    vertical-align: top;\n    color: ${urgent};\n  `;\n});\n\nStyledRequiredAsterisk.defaultProps = defaultThemeProp;\n\nconst StyledLabelRow = styled.div`\n  ${StyledRequiredAsterisk} {\n    margin-inline-end: auto;\n  }\n`;\n\nexport const StyledFormField = styled.div<\n  FormFieldProps & { labelAsLegend: boolean; showAdditionalInfo: boolean }\n>(props => {\n  const {\n    labelAsLegend,\n    showAdditionalInfo,\n    disabled,\n    required,\n    theme: {\n      base: { 'disabled-opacity': disabledOpacity, spacing }\n    }\n  } = props;\n  const { ltr } = useDirection();\n\n  return css`\n    ${disabled &&\n    css`\n      opacity: ${disabledOpacity};\n      -webkit-user-select: none;\n      user-select: none;\n    `}\n    position: relative;\n    border: 0;\n\n    > ${StyledLabel}, > ${StyledLabelRow} {\n      margin-bottom: calc(0.25 * ${spacing});\n    }\n\n    > ${StyledLabel}, > ${StyledLabelRow} > ${StyledLabel} {\n      ${disabled &&\n      css`\n        cursor: not-allowed;\n      `}\n    }\n\n    ${labelAsLegend &&\n    (showAdditionalInfo || required) &&\n    css`\n      display: block;\n\n      > legend {\n        float: ${ltr ? 'left' : 'right'};\n      }\n\n      > ${StyledRequiredAsterisk} {\n        float: ${ltr ? 'left' : 'right'};\n\n        ${!showAdditionalInfo &&\n        css`\n          + * {\n            clear: both;\n          }\n        `}\n      }\n\n      > ${StyledAdditionalInfo} {\n        float: ${ltr ? 'right' : 'left'};\n\n        + * {\n          clear: both;\n        }\n      }\n    `}\n  `;\n});\n\nStyledFormField.defaultProps = defaultThemeProp;\n\nconst StyledSuggestionButton = styled(Button)(({\n  theme: {\n    base: { 'font-size': fontSize, 'font-scale': fontScale, 'border-radius': baseRadius, spacing },\n    components: {\n      'form-control': { 'border-radius': radius, 'border-width': borderWidth },\n      'form-field': formField\n    }\n  }\n}) => {\n  const { xxs: buttonFontSize } = calculateFontSize(fontSize, fontScale);\n  const backgroundColor = formField.pending['status-color'];\n  const hoverColors = getHoverColors(backgroundColor);\n  const color = tryCatch(() => readableColor(backgroundColor));\n  const borderColor = color ? rgba(color, 0.4) : color;\n\n  return css`\n    background-color: ${backgroundColor};\n    color: ${color};\n    font-size: ${buttonFontSize};\n    min-width: calc(3 * ${spacing});\n    min-height: calc(3 * ${spacing});\n    padding: 0 ${spacing};\n    border-radius: 0;\n    border: none;\n    &:first-child {\n      border-inline-end: ${borderWidth} solid ${borderColor};\n      border-end-start-radius: calc(${baseRadius} * ${radius});\n      margin-inline-start: calc(2 * ${spacing});\n    }\n    &:last-child {\n      border-end-end-radius: calc(${baseRadius} * ${radius});\n      margin-inline-start: 0;\n    }\n    &:hover {\n      color: ${hoverColors.foreground};\n      background-color: ${hoverColors.background};\n    }\n\n    @media (pointer: coarse) {\n      min-height: 2rem;\n    }\n  `;\n});\n\nStyledSuggestionButton.defaultProps = defaultThemeProp;\n\nconst statusIconMap = { error: 'warn-solid', warning: 'flag-wave-solid', success: 'check' };\n\nconst FormField: FC<FormFieldProps & ForwardProps> = forwardRef(function FormField(\n  props: PropsWithoutRef<FormFieldProps>,\n  ref: Ref<HTMLElement>\n) {\n  const uid = useUID();\n  const {\n    testId,\n    children: controlElement,\n    id = uid,\n    as = 'div',\n    label,\n    labelAs = 'label',\n    labelFor = id,\n    labelId,\n    labelHidden = false,\n    labelAfter = false,\n    info,\n    status,\n    isRadioCheck,\n    charLimitDisplay,\n    required = false,\n    disabled = false,\n    readOnly = false,\n    inline = false,\n    actions,\n    container,\n    additionalInfo,\n    onResolveSuggestion,\n    ...restProps\n  } = props;\n\n  const testIds = useTestIds(testId, getFormFieldTestIds);\n\n  const t = useI18n();\n  const { announceAssertive } = useLiveLog();\n  const labelAsLegend: boolean = labelAs === 'legend';\n  const hasSuggestion = status === 'pending' && !!onResolveSuggestion;\n  const consolidatedRef = useConsolidatedRef(ref);\n  const labelRef = useRef<HTMLLabelElement | HTMLLegendElement>(null);\n  const [labelText, setLabelText] = useState<string | null>(null);\n\n  const showAdditionalInfo = !!additionalInfo && !disabled && !labelHidden;\n\n  const labelContent = (\n    <>\n      <Label\n        data-testid={testIds.label}\n        id={labelId}\n        as={labelAs}\n        htmlFor={labelAs === 'label' ? labelFor : undefined}\n        labelHidden={labelHidden}\n        onClick={(e: MouseEvent) => {\n          if (readOnly) e.preventDefault();\n        }}\n        inline={inline}\n        ref={labelRef}\n      >\n        {label}\n      </Label>\n\n      {required && !labelHidden && (\n        <StyledRequiredAsterisk aria-hidden>&nbsp;*</StyledRequiredAsterisk>\n      )}\n\n      {showAdditionalInfo && labelText && (\n        <AdditionalInfo\n          data-testid={testIds.additionalInfo}\n          heading={additionalInfo.heading}\n          contextualLabel={labelText}\n        >\n          {additionalInfo.content}\n        </AdditionalInfo>\n      )}\n    </>\n  );\n\n  const labelRow =\n    !isRadioCheck && !labelAsLegend ? (\n      <Flex\n        as={StyledLabelRow}\n        container={{ justify: 'between', alignItems: 'end' }}\n        item={{ alignSelf: 'stretch' }}\n      >\n        {labelContent}\n      </Flex>\n    ) : (\n      labelContent\n    );\n\n  useEffect(() => {\n    setLabelText(labelRef.current?.textContent ?? null);\n  }, [label]);\n\n  useEffect(() => {\n    if (status === 'error' || status === 'warning') {\n      let message = `${t(status)} ${info}`;\n      if (labelRef.current?.textContent) message = `${labelRef.current?.textContent} ${message}`;\n      announceAssertive({ message, type: status });\n    }\n  }, [status, info]);\n\n  // fieldset or single form control element\n  let content: FormFieldProps['children'] = labelAsLegend\n    ? controlElement\n    : cloneElement(controlElement as ReactElement, {\n        'aria-describedby': info && `${id}-info`\n      });\n\n  if (actions) {\n    content = (\n      <Flex container={{ alignItems: 'center', gap: 0.5 }}>\n        {content}\n        <Actions items={actions} menuAt={3} />\n      </Flex>\n    );\n  }\n\n  let infoContent = (\n    <Flex\n      id={`${id}-info`}\n      data-testid={testIds.info}\n      status={status}\n      as={StyledFormFieldInfo}\n      container={{ alignItems: 'center' }}\n    >\n      {status && status !== 'pending' && (\n        <>\n          <StyledStatusIcon status={status} name={statusIconMap[status]} />\n          <VisuallyHiddenText>{`${t(status)} `}</VisuallyHiddenText>\n        </>\n      )}\n      {info}\n    </Flex>\n  );\n\n  if (charLimitDisplay) {\n    infoContent = (\n      <Flex container={{ justify: infoContent ? 'between' : 'end', gap: 1 }}>\n        {infoContent}\n        <Flex item={{ shrink: 0 }}>{charLimitDisplay}</Flex>\n      </Flex>\n    );\n  }\n\n  if (hasSuggestion) {\n    const focusables = getFocusables(consolidatedRef);\n    infoContent = (\n      <Flex container={{ alignItems: 'start', justify: 'between' }}>\n        <StyledFormFieldInfo data-testid={testIds.info} status={status} id={`${id}-info`}>\n          {t('suggestion_info')}\n          <VisuallyHiddenText aria-live='polite'>{t('suggestion_assist')}</VisuallyHiddenText>\n        </StyledFormFieldInfo>\n        <Flex container={{ wrap: 'nowrap' }}>\n          <StyledSuggestionButton\n            data-testid={testIds.suggestionReject}\n            onClick={() => {\n              onResolveSuggestion(false);\n              focusables[0]?.focus();\n            }}\n            aria-label={t('reject_suggestion_button_a11y')}\n          >\n            {t('no')}\n          </StyledSuggestionButton>\n          <StyledSuggestionButton\n            data-testid={testIds.suggestionAccept}\n            onClick={() => {\n              onResolveSuggestion(true);\n              focusables[0]?.focus();\n            }}\n            aria-label={t('accept_suggestion_button_a11y')}\n          >\n            {t('yes')}\n          </StyledSuggestionButton>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      const target = e.target as HTMLElement;\n      if (!target.closest('button')) {\n        e.preventDefault();\n        onResolveSuggestion?.(true);\n      }\n    }\n  };\n\n  return (\n    <Flex\n      data-testid={testIds.root}\n      {...restProps}\n      container={{\n        direction: inline ? 'row' : 'column',\n        alignItems: inline ? 'center' : undefined,\n        ...container\n      }}\n      as={StyledFormField}\n      labelAsLegend={labelAsLegend}\n      showAdditionalInfo={showAdditionalInfo}\n      id={`${id}-field`}\n      forwardedAs={as}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      onKeyDown={hasSuggestion ? onKeyDown : undefined}\n      aria-describedby={labelAsLegend && info ? `${id}-info` : undefined}\n      ref={consolidatedRef}\n    >\n      {(labelAsLegend || !labelAfter) && labelRow}\n      {content}\n      {!labelAsLegend && labelAfter && labelRow}\n      {!readOnly && infoContent}\n    </Flex>\n  );\n});\n\nexport default withTestIds(FormField, getFormFieldTestIds);\n"]}
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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","sourcesContent":["import { cloneElement, useEffect, forwardRef, useState, useRef } from 'react';\nimport type { FC, ReactNode, ComponentType, ReactElement, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\n\nimport { defaultThemeProp } from '../../theme';\nimport type { Action, ExcludeStrict, ForwardProps, OmitStrict, TestIdProp } from '../../types';\nimport Flex from '../Flex';\nimport type { FlexProps } from '../Flex';\nimport Actions from '../Actions';\nimport type { FormControlProps } from '../FormControl';\nimport {\n  useConsolidatedRef,\n  useDirection,\n  useI18n,\n  useLiveLog,\n  useTestIds,\n  useUID\n} from '../../hooks';\nimport Label, { StyledLabel } from '../Label';\nimport type { LabelProps } from '../Label';\nimport { calculateFontSize, getHoverColors, readableColor } from '../../styles';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport { getFocusables, tryCatch, withTestIds } from '../../utils';\nimport Button from '../Button';\nimport Icon, { registerIcon } from '../Icon';\nimport * as warnSolidIcon from '../Icon/icons/warn-solid.icon';\nimport * as flagWaveSolidIcon from '../Icon/icons/flag-wave-solid.icon';\nimport * as checkIcon from '../Icon/icons/check.icon';\nimport AdditionalInfo, { StyledAdditionalInfo } from '../AdditionalInfo';\n\nimport { getFormFieldTestIds } from './FormField.test-ids';\nimport type { elements } from './FormField.test-ids';\n\nregisterIcon(warnSolidIcon, flagWaveSolidIcon, checkIcon);\n\nexport interface FormFieldProps\n  extends OmitStrict<FormControlProps, 'placeholder' | 'value' | 'defaultValue'>,\n    TestIdProp<typeof elements> {\n  /** Pass a single form control component i.e. Input | TextArea | Select | etc.. */\n  children: ReactElement | ReactElement[];\n  /**\n   * An id is required to connect a FormField's wrapping element, control element and info(aria-describedby) live region.\n   * A random id will be generated if none is provided.\n   * Since MOST FormControls should possess an id(excl. i.e RadioCheckGroup and others) this can be used.\n   * The id prop will be used to generate the following:\n   * - FormControl <-> Label association via a Label's htmlFor prop.\n   * - FormField's wrapping element id {id}-field.\n   * - FormField info element id ${id}-info.\n   */\n  id?: string;\n  /**\n   * Determines how the wrapping label should be rendered.\n   * @default 'label'\n   */\n  labelAs?: LabelProps['as'];\n  /**\n   * Overrides the for attribute on the label. If this is not set it will default to the forms id.\n   * @default undefined\n   */\n  labelFor?: LabelProps['htmlFor'];\n  /**\n   * Sets the id of the label.\n   * @default undefined\n   */\n  labelId?: LabelProps['id'];\n  /**\n   * Visually hides the label region.\n   * @default false\n   */\n  labelHidden?: boolean;\n  /**\n   * Visually places the label after the input.\n   * @default false\n   */\n  labelAfter?: boolean;\n  /**\n   * Property used to check whether input type is radio to handle styling for RadioCheck\n   * @default false\n   */\n  isRadioCheck?: boolean;\n  /**\n   * Wrapping HTML element tag. Renders as a fieldset for grouped elements i.e. RadioButtons/CheckboxGroup\n   * @default 'div'\n   */\n  as?: 'div' | 'fieldset' | ComponentType<any>;\n  /**\n   * Layout field elements inline in a row.\n   * @default false\n   */\n  inline?: boolean;\n  /** Optionally utilized by Input or Select. */\n  actions?: Action[];\n  /** Enables Flex container prop pass through. */\n  container?: ExcludeStrict<FlexProps['container'], true>;\n  /** Character remaining count. Typically used on Textareas only */\n  charLimitDisplay?: ReactNode;\n}\n\nconst StyledStatusIcon = styled(Icon)<{ status: NonNullable<FormFieldProps['status']> }>(({\n  theme,\n  status\n}) => {\n  return css`\n    height: 1em;\n    width: 1em;\n    color: ${theme.components['form-field'][status]['status-color']};\n    vertical-align: baseline;\n    margin-inline-end: 0.5ch;\n  `;\n});\n\nStyledStatusIcon.defaultProps = defaultThemeProp;\n\nexport const StyledFormFieldInfo = styled.div<Pick<FormControlProps, 'status'>>(\n  ({\n    status,\n    theme: {\n      base: { 'font-size': fontSize, 'font-scale': fontScale, spacing },\n      components: { 'form-field': formField }\n    }\n  }) => {\n    const { xxs: infoFontSize } = calculateFontSize(fontSize, fontScale);\n\n    return css`\n      max-width: max-content;\n      margin-top: calc(0.25 * ${spacing});\n      font-size: ${infoFontSize};\n      word-break: break-word;\n      ${status &&\n      formField[status] &&\n      css`\n        color: ${formField[status]['status-color']};\n      `}\n    `;\n  }\n);\n\nStyledFormFieldInfo.defaultProps = defaultThemeProp;\n\nexport const StyledLabelRow = styled.div``;\n\nexport const StyledFormField = styled.div<\n  FormFieldProps & { labelAsLegend: boolean; showAdditionalInfo: boolean }\n>(props => {\n  const {\n    labelAsLegend,\n    showAdditionalInfo,\n    disabled,\n    required,\n    theme: {\n      base: {\n        palette: { urgent },\n        'disabled-opacity': disabledOpacity,\n        spacing\n      }\n    }\n  } = props;\n  const { ltr } = useDirection();\n\n  return css`\n    ${disabled &&\n    css`\n      opacity: ${disabledOpacity};\n      -webkit-user-select: none;\n      user-select: none;\n    `}\n    position: relative;\n    border: 0;\n\n    > ${StyledLabel}, > ${StyledLabelRow} {\n      margin-bottom: calc(0.25 * ${spacing});\n    }\n\n    > ${StyledLabel}, > ${StyledLabelRow} > ${StyledLabel} {\n      ${required &&\n      css`\n        &::after {\n          content: ${'\"\\\\00a0*\" / \" \"'};\n          color: ${urgent};\n        }\n      `}\n\n      ${disabled &&\n      css`\n        cursor: not-allowed;\n      `}\n    }\n\n    ${labelAsLegend &&\n    showAdditionalInfo &&\n    css`\n      display: block;\n\n      > legend {\n        float: ${ltr ? 'left' : 'right'};\n      }\n\n      > ${StyledAdditionalInfo} {\n        float: ${ltr ? 'right' : 'left'};\n\n        + * {\n          clear: both;\n        }\n      }\n    `}\n  `;\n});\n\nStyledFormField.defaultProps = defaultThemeProp;\n\nconst StyledSuggestionButton = styled(Button)(({\n  theme: {\n    base: { 'font-size': fontSize, 'font-scale': fontScale, 'border-radius': baseRadius, spacing },\n    components: {\n      'form-control': { 'border-radius': radius, 'border-width': borderWidth },\n      'form-field': formField\n    }\n  }\n}) => {\n  const { xxs: buttonFontSize } = calculateFontSize(fontSize, fontScale);\n  const backgroundColor = formField.pending['status-color'];\n  const hoverColors = getHoverColors(backgroundColor);\n  const color = tryCatch(() => readableColor(backgroundColor));\n  const borderColor = color ? rgba(color, 0.4) : color;\n\n  return css`\n    background-color: ${backgroundColor};\n    color: ${color};\n    font-size: ${buttonFontSize};\n    min-width: calc(3 * ${spacing});\n    min-height: calc(3 * ${spacing});\n    padding: 0 ${spacing};\n    border-radius: 0;\n    border: none;\n    &:first-child {\n      border-inline-end: ${borderWidth} solid ${borderColor};\n      border-end-start-radius: calc(${baseRadius} * ${radius});\n      margin-inline-start: calc(2 * ${spacing});\n    }\n    &:last-child {\n      border-end-end-radius: calc(${baseRadius} * ${radius});\n      margin-inline-start: 0;\n    }\n    &:hover {\n      color: ${hoverColors.foreground};\n      background-color: ${hoverColors.background};\n    }\n\n    @media (pointer: coarse) {\n      min-height: 2rem;\n    }\n  `;\n});\n\nStyledSuggestionButton.defaultProps = defaultThemeProp;\n\nconst statusIconMap = { error: 'warn-solid', warning: 'flag-wave-solid', success: 'check' };\n\nconst FormField: FC<FormFieldProps & ForwardProps> = forwardRef(function FormField(\n  props: PropsWithoutRef<FormFieldProps>,\n  ref: Ref<HTMLElement>\n) {\n  const uid = useUID();\n  const {\n    testId,\n    children: controlElement,\n    id = uid,\n    as = 'div',\n    label,\n    labelAs = 'label',\n    labelFor = id,\n    labelId,\n    labelHidden = false,\n    labelAfter = false,\n    info,\n    status,\n    isRadioCheck,\n    charLimitDisplay,\n    required = false,\n    disabled = false,\n    readOnly = false,\n    inline = false,\n    actions,\n    container,\n    additionalInfo,\n    onResolveSuggestion,\n    ...restProps\n  } = props;\n\n  const testIds = useTestIds(testId, getFormFieldTestIds);\n\n  const t = useI18n();\n  const { announceAssertive } = useLiveLog();\n  const labelAsLegend: boolean = labelAs === 'legend';\n  const hasSuggestion = status === 'pending' && !!onResolveSuggestion;\n  const consolidatedRef = useConsolidatedRef(ref);\n  const labelRef = useRef<HTMLLabelElement | HTMLLegendElement>(null);\n  const [labelText, setLabelText] = useState<string | null>(null);\n\n  const showAdditionalInfo = !!additionalInfo && !disabled && !labelHidden;\n\n  const labelContent = (\n    <>\n      <Label\n        data-testid={testIds.label}\n        id={labelId}\n        as={labelAs}\n        htmlFor={labelAs === 'label' ? labelFor : undefined}\n        labelHidden={labelHidden}\n        onClick={(e: MouseEvent) => {\n          if (readOnly) e.preventDefault();\n        }}\n        inline={inline}\n        ref={labelRef}\n      >\n        {label}\n      </Label>\n\n      {showAdditionalInfo && labelText && (\n        <AdditionalInfo\n          data-testid={testIds.additionalInfo}\n          heading={additionalInfo.heading}\n          contextualLabel={labelText}\n        >\n          {additionalInfo.content}\n        </AdditionalInfo>\n      )}\n    </>\n  );\n\n  const labelRow =\n    !isRadioCheck && !labelAsLegend ? (\n      <Flex\n        as={StyledLabelRow}\n        container={{ justify: 'between', alignItems: 'end' }}\n        item={{ alignSelf: 'stretch' }}\n      >\n        {labelContent}\n      </Flex>\n    ) : (\n      labelContent\n    );\n\n  useEffect(() => {\n    setLabelText(labelRef.current?.textContent ?? null);\n  }, [label]);\n\n  useEffect(() => {\n    if (status === 'error' || status === 'warning') {\n      let message = `${t(status)} ${info}`;\n      if (labelRef.current?.textContent) message = `${labelRef.current?.textContent} ${message}`;\n      announceAssertive({ message, type: status });\n    }\n  }, [status, info]);\n\n  // fieldset or single form control element\n  let content: FormFieldProps['children'] = labelAsLegend\n    ? controlElement\n    : cloneElement(controlElement as ReactElement, {\n        'aria-describedby': info && `${id}-info`\n      });\n\n  if (actions) {\n    content = (\n      <Flex container={{ alignItems: 'center', gap: 0.5 }}>\n        {content}\n        <Actions items={actions} menuAt={3} />\n      </Flex>\n    );\n  }\n\n  let infoContent = (\n    <Flex\n      id={`${id}-info`}\n      data-testid={testIds.info}\n      status={status}\n      as={StyledFormFieldInfo}\n      container={{ alignItems: 'center' }}\n    >\n      {status && status !== 'pending' && (\n        <>\n          <StyledStatusIcon status={status} name={statusIconMap[status]} />\n          <VisuallyHiddenText>{`${t(status)} `}</VisuallyHiddenText>\n        </>\n      )}\n      {info}\n    </Flex>\n  );\n\n  if (charLimitDisplay) {\n    infoContent = (\n      <Flex container={{ justify: infoContent ? 'between' : 'end', gap: 1 }}>\n        {infoContent}\n        <Flex item={{ shrink: 0 }}>{charLimitDisplay}</Flex>\n      </Flex>\n    );\n  }\n\n  if (hasSuggestion) {\n    const focusables = getFocusables(consolidatedRef);\n    infoContent = (\n      <Flex container={{ alignItems: 'start', justify: 'between' }}>\n        <StyledFormFieldInfo data-testid={testIds.info} status={status} id={`${id}-info`}>\n          {t('suggestion_info')}\n          <VisuallyHiddenText aria-live='polite'>{t('suggestion_assist')}</VisuallyHiddenText>\n        </StyledFormFieldInfo>\n        <Flex container={{ wrap: 'nowrap' }}>\n          <StyledSuggestionButton\n            data-testid={testIds.suggestionReject}\n            onClick={() => {\n              onResolveSuggestion(false);\n              focusables[0]?.focus();\n            }}\n            aria-label={t('reject_suggestion_button_a11y')}\n          >\n            {t('no')}\n          </StyledSuggestionButton>\n          <StyledSuggestionButton\n            data-testid={testIds.suggestionAccept}\n            onClick={() => {\n              onResolveSuggestion(true);\n              focusables[0]?.focus();\n            }}\n            aria-label={t('accept_suggestion_button_a11y')}\n          >\n            {t('yes')}\n          </StyledSuggestionButton>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      const target = e.target as HTMLElement;\n      if (!target.closest('button')) {\n        e.preventDefault();\n        onResolveSuggestion?.(true);\n      }\n    }\n  };\n\n  return (\n    <Flex\n      data-testid={testIds.root}\n      {...restProps}\n      container={{\n        direction: inline ? 'row' : 'column',\n        alignItems: inline ? 'center' : undefined,\n        ...container\n      }}\n      as={StyledFormField}\n      labelAsLegend={labelAsLegend}\n      showAdditionalInfo={showAdditionalInfo}\n      id={`${id}-field`}\n      forwardedAs={as}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      onKeyDown={hasSuggestion ? onKeyDown : undefined}\n      aria-describedby={labelAsLegend && info ? `${id}-info` : undefined}\n      ref={consolidatedRef}\n    >\n      {(labelAsLegend || !labelAfter) && labelRow}\n      {content}\n      {!labelAsLegend && labelAfter && labelRow}\n      {!readOnly && infoContent}\n    </Flex>\n  );\n});\n\nexport default withTestIds(FormField, getFormFieldTestIds);\n"]}

package/lib/components/Fullscreen/Fullscreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fullscreen.d.ts","sourceRoot":"","sources":["../../../src/components/Fullscreen/Fullscreen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,SAAS,EAA2B,MAAM,OAAO,CAAC;AACjF,OAAe,EAAO,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGnE,OAAO,KAAK,EAAc,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAc1E,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL;IACE,QAAQ,EAAE,SAAS,CAAC;CACrB,CACF,GACC,UAAU,CAAC;AAEb,eAAO,MAAM,gBAAgB;WACM,YAAY;gBAAc,OAAO;SAWnE,CAAC;AAIF,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,GAAG,SAAS,EAAE,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;AAEnF,eAAO,MAAM,iBAAiB,iDAAmD,CAAC;AAElF,eAAO,MAAM,oBAAoB,8BAGhC,CAAC;;;;AAoBF,wBA2CE"}
+{"version":3,"file":"Fullscreen.d.ts","sourceRoot":"","sources":["../../../src/components/Fullscreen/Fullscreen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,SAAS,EAA2B,MAAM,OAAO,CAAC;AACjF,OAAe,EAAO,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGnE,OAAO,KAAK,EAAc,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAe1E,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL;IACE,QAAQ,EAAE,SAAS,CAAC;CACrB,CACF,GACC,UAAU,CAAC;AAEb,eAAO,MAAM,gBAAgB;WACM,YAAY;gBAAc,OAAO;SAWnE,CAAC;AAIF,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,GAAG,SAAS,EAAE,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;AAEnF,eAAO,MAAM,iBAAiB,iDAAmD,CAAC;AAElF,eAAO,MAAM,oBAAoB,8BAGhC,CAAC;;;;AA0BF,wBA2CE"}

package/lib/components/Fullscreen/Fullscreen.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, createContext, useContext, useMemo, useState } from 'react';
+import { forwardRef, createContext, useContext, useMemo, useState, useEffect } from 'react';
 import styled, { css } from 'styled-components';
 import { createPortal } from 'react-dom';
 import { defaultThemeProp } from '../../theme';
-import { useConfiguration, useConsolidatedRef, useElement, useFocusTrap, useTestIds } from '../../hooks';
+import { useConfiguration, useConsolidatedRef, useElement, useFocusTrap, useScrollToggle, useTestIds } from '../../hooks';
 import Configuration from '../Configuration';
 import { withTestIds } from '../../utils';
 import { getFullscreenTestIds } from './Fullscreen.test-ids';
@@ -13,7 +13,7 @@ export const StyledFullscreen = styled.div(({ theme, fullscreen }) => {
         css `
         --content-height-in-view: 100vh;
         position: fixed;
-        z-index: ${theme.base['z-index'].max};
+        z-index: ${theme.base['z-index'].backdrop};
         inset: 0;
       `}
     `;
@@ -27,6 +27,11 @@ export const useFullscreenContext = () => {
 const PortalRender = ({ parentJSX, parentElRef }) => {
     const { portalTarget } = useConfiguration();
     useFocusTrap(parentElRef);
+    const { disableScroll, enableScroll } = useScrollToggle();
+    useEffect(() => {
+        disableScroll();
+        return enableScroll;
+    }, []);
     return portalTarget
         ? createPortal(_jsx(Configuration, { portalTarget: parentElRef.current ?? undefined, children: parentJSX }), portalTarget)
         : null;

package/lib/components/Fullscreen/Fullscreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fullscreen.js","sourceRoot":"","sources":["../../../src/components/Fullscreen/Fullscreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, createContext, useContext, useMemo, useState } from 'react';\nimport type { PropsWithoutRef, ReactNode, ReactElement, RefObject } from 'react';\nimport styled, { css, type DefaultTheme } from 'styled-components';\nimport { createPortal } from 'react-dom';\n\nimport type { RefElement, TestIdProp, WithAttributes } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useElement,\n  useFocusTrap,\n  useTestIds\n} from '../../hooks';\nimport Configuration from '../Configuration';\nimport { withTestIds } from '../../utils';\n\nimport { getFullscreenTestIds } from './Fullscreen.test-ids';\n\nexport type FullscreenProps = WithAttributes<\n  'div',\n  {\n    children: ReactNode;\n  }\n> &\n  TestIdProp;\n\nexport const StyledFullscreen = styled.div(\n  ({ theme, fullscreen }: { theme: DefaultTheme; fullscreen: boolean }) => {\n    return css`\n      ${fullscreen &&\n      css`\n        --content-height-in-view: 100vh;\n        position: fixed;\n        z-index: ${theme.base['z-index'].max};\n        inset: 0;\n      `}\n    `;\n  }\n);\n\nStyledFullscreen.defaultProps = defaultThemeProp;\n\nexport type FullscreenContextValue = [boolean | undefined, () => void] | undefined;\n\nexport const FullscreenContext = createContext<FullscreenContextValue>(undefined);\n\nexport const useFullscreenContext = () => {\n  // Ensure easier/safer destructuring in use\n  return useContext(FullscreenContext);\n};\n\nconst PortalRender = ({\n  parentJSX,\n  parentElRef\n}: {\n  parentJSX: ReactElement;\n  parentElRef: RefObject<HTMLDivElement>;\n}) => {\n  const { portalTarget } = useConfiguration();\n  useFocusTrap(parentElRef);\n\n  return portalTarget\n    ? createPortal(\n        <Configuration portalTarget={parentElRef.current ?? undefined}>{parentJSX}</Configuration>,\n        portalTarget\n      )\n    : null;\n};\n\nexport default withTestIds(\n  forwardRef<RefElement<FullscreenProps>, PropsWithoutRef<FullscreenProps>>(function Fullscreen(\n    { children, testId, ...restProps },\n    ref\n  ) {\n    const testIds = useTestIds(testId, getFullscreenTestIds);\n    // setParentEl ensures one extra render needed for keeping div passed to PortalRender up to date\n    const [parentEl, setParentEl] = useElement<HTMLDivElement>(null);\n    const parentElRef = useConsolidatedRef(setParentEl, ref);\n\n    const [fullscreen, setFullscreen] = useState<boolean | undefined>(undefined);\n\n    const ctxValue: FullscreenContextValue = useMemo(() => {\n      return [\n        fullscreen,\n        () => {\n          setFullscreen(cur => !cur);\n        }\n      ];\n    }, [fullscreen]);\n\n    const parentJSX = (\n      <StyledFullscreen\n        data-testid={testIds.root}\n        {...restProps}\n        ref={parentElRef}\n        fullscreen={!!fullscreen}\n      >\n        {children}\n      </StyledFullscreen>\n    );\n\n    return (\n      <FullscreenContext.Provider value={ctxValue}>\n        {fullscreen && parentEl ? (\n          <PortalRender parentJSX={parentJSX} parentElRef={parentElRef} />\n        ) : (\n          parentJSX\n        )}\n      </FullscreenContext.Provider>\n    );\n  }),\n  getFullscreenTestIds\n);\n"]}
+{"version":3,"file":"Fullscreen.js","sourceRoot":"","sources":["../../../src/components/Fullscreen/Fullscreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, createContext, useContext, useMemo, useState, useEffect } from 'react';\nimport type { PropsWithoutRef, ReactNode, ReactElement, RefObject } from 'react';\nimport styled, { css, type DefaultTheme } from 'styled-components';\nimport { createPortal } from 'react-dom';\n\nimport type { RefElement, TestIdProp, WithAttributes } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useElement,\n  useFocusTrap,\n  useScrollToggle,\n  useTestIds\n} from '../../hooks';\nimport Configuration from '../Configuration';\nimport { withTestIds } from '../../utils';\n\nimport { getFullscreenTestIds } from './Fullscreen.test-ids';\n\nexport type FullscreenProps = WithAttributes<\n  'div',\n  {\n    children: ReactNode;\n  }\n> &\n  TestIdProp;\n\nexport const StyledFullscreen = styled.div(\n  ({ theme, fullscreen }: { theme: DefaultTheme; fullscreen: boolean }) => {\n    return css`\n      ${fullscreen &&\n      css`\n        --content-height-in-view: 100vh;\n        position: fixed;\n        z-index: ${theme.base['z-index'].backdrop};\n        inset: 0;\n      `}\n    `;\n  }\n);\n\nStyledFullscreen.defaultProps = defaultThemeProp;\n\nexport type FullscreenContextValue = [boolean | undefined, () => void] | undefined;\n\nexport const FullscreenContext = createContext<FullscreenContextValue>(undefined);\n\nexport const useFullscreenContext = () => {\n  // Ensure easier/safer destructuring in use\n  return useContext(FullscreenContext);\n};\n\nconst PortalRender = ({\n  parentJSX,\n  parentElRef\n}: {\n  parentJSX: ReactElement;\n  parentElRef: RefObject<HTMLDivElement>;\n}) => {\n  const { portalTarget } = useConfiguration();\n  useFocusTrap(parentElRef);\n  const { disableScroll, enableScroll } = useScrollToggle();\n\n  useEffect(() => {\n    disableScroll();\n    return enableScroll;\n  }, []);\n\n  return portalTarget\n    ? createPortal(\n        <Configuration portalTarget={parentElRef.current ?? undefined}>{parentJSX}</Configuration>,\n        portalTarget\n      )\n    : null;\n};\n\nexport default withTestIds(\n  forwardRef<RefElement<FullscreenProps>, PropsWithoutRef<FullscreenProps>>(function Fullscreen(\n    { children, testId, ...restProps },\n    ref\n  ) {\n    const testIds = useTestIds(testId, getFullscreenTestIds);\n    // setParentEl ensures one extra render needed for keeping div passed to PortalRender up to date\n    const [parentEl, setParentEl] = useElement<HTMLDivElement>(null);\n    const parentElRef = useConsolidatedRef(setParentEl, ref);\n\n    const [fullscreen, setFullscreen] = useState<boolean | undefined>(undefined);\n\n    const ctxValue: FullscreenContextValue = useMemo(() => {\n      return [\n        fullscreen,\n        () => {\n          setFullscreen(cur => !cur);\n        }\n      ];\n    }, [fullscreen]);\n\n    const parentJSX = (\n      <StyledFullscreen\n        data-testid={testIds.root}\n        {...restProps}\n        ref={parentElRef}\n        fullscreen={!!fullscreen}\n      >\n        {children}\n      </StyledFullscreen>\n    );\n\n    return (\n      <FullscreenContext.Provider value={ctxValue}>\n        {fullscreen && parentEl ? (\n          <PortalRender parentJSX={parentJSX} parentElRef={parentElRef} />\n        ) : (\n          parentJSX\n        )}\n      </FullscreenContext.Provider>\n    );\n  }),\n  getFullscreenTestIds\n);\n"]}

package/lib/components/Icon/streamline-icons/calendar-now.icon.d.ts

@@ -0,0 +1,5 @@
+export declare const set = "streamline";
+export declare const name = "calendar-now";
+export declare const Component: () => JSX.Element;
+export declare const viewBox = "0 0 18 18";
+//# sourceMappingURL=calendar-now.icon.d.ts.map

package/lib/components/Icon/streamline-icons/calendar-now.icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-now.icon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/calendar-now.icon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,eAAe,CAAC;AAEhC,eAAO,MAAM,IAAI,iBAAiB,CAAC;AAEnC,eAAO,MAAM,SAAS,mBAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,cAAc,CAAC"}

package/lib/components/Icon/streamline-icons/calendar-now.icon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// This file is autogenerated. Any changes will be overwritten.
+export const set = 'streamline';
+export const name = 'calendar-now';
+export const Component = () => (_jsxs("g", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', children: [_jsx("path", { d: 'M16.344 2.808H1.656c-.648 0-1.152.504-1.152 1.152v12.384c0 .648.504 1.152 1.152 1.152h14.616c.648 0 1.152-.504 1.152-1.152V3.96c0-.648-.504-1.152-1.08-1.152zM.576 7.344h16.848M5.04 4.464V.576m7.92 3.888V.576' }), _jsx("path", { fill: 'currentColor', d: 'M7.5 12.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0z' })] }));
+export const viewBox = '0 0 18 18';
+//# sourceMappingURL=calendar-now.icon.js.map

package/lib/components/Icon/streamline-icons/calendar-now.icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-now.icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/streamline-icons/calendar-now.icon.tsx"],"names":[],"mappings":";AAAA,+DAA+D;AAE/D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC7B,aAAG,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAC/E,eAAM,CAAC,EAAC,iNAAiN,GAAG,EAC5N,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,gDAAgD,GAAG,IAC7E,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nexport const set = 'streamline';\n\nexport const name = 'calendar-now';\n\nexport const Component = () => (\n  <g fill='none' stroke='currentColor' strokeLinecap='round' strokeLinejoin='round'>\n    <path d='M16.344 2.808H1.656c-.648 0-1.152.504-1.152 1.152v12.384c0 .648.504 1.152 1.152 1.152h14.616c.648 0 1.152-.504 1.152-1.152V3.96c0-.648-.504-1.152-1.08-1.152zM.576 7.344h16.848M5.04 4.464V.576m7.92 3.888V.576' />\n    <path fill='currentColor' d='M7.5 12.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0z' />\n  </g>\n);\n\nexport const viewBox = '0 0 18 18';\n"]}

package/lib/components/Icon/streamlineIconNames.d.ts

@@ -1,4 +1,4 @@
-declare const streamlineIconNames: readonly ["ai-assist", "alexa", "align-center", "align-left", "align-right", "amazon", "api", "app", "arrow-above-row-right", "arrow-bend-left", "arrow-down", "arrow-left-column", "arrow-left", "arrow-micro-down", "arrow-micro-left", "arrow-micro-right", "arrow-micro-up", "arrow-out", "arrow-right-column", "arrow-right", "arrow-up-down", "arrow-up", "bank", "bars", "bell-push-notification", "bell", "bluetooth", "book-open", "bookmark", "box-4", "box", "browser-code", "browser", "bug", "building-2", "building-3-solid", "building-3", "bulb", "calendar-empty", "calendar-range", "calendar", "car", "caret-down", "caret-left", "caret-right", "caret-up", "case-medical", "case-solid", "case", "chain", "chart-line", "chart-pie", "chat-check", "chat-exclamation-mark", "chat-help", "chat-quote", "chat-transfer", "chat-typing", "chat-unavailable", "chat", "chats", "check-badge", "check", "chevron-solid", "chevron", "circle-mixed-left", "circle", "clipboard-check", "clipboard-medical", "clipboard-pencil-solid", "clipboard-pencil", "clipboard-plus", "clipboard", "clock-solid", "clock", "cloud", "code-search", "code", "column-delete", "conversation", "copy", "credit", "csr-agent", "currency", "custom-column", "database-search", "dataviz-area-multi", "dataviz-area-stacked", "dataviz-area", "dataviz-bar-clustered", "dataviz-bar-stacked", "dataviz-bar", "dataviz-bell-curve", "dataviz-bubble", "dataviz-column-clustered", "dataviz-column-stacked", "dataviz-column", "dataviz-combo", "dataviz-datetime-field", "dataviz-donut", "dataviz-flip-counter", "dataviz-forecast", "dataviz-funnel", "dataviz-gauge-linear", "dataviz-gauge-progress", "dataviz-gauge", "dataviz-geo-choropleth", "dataviz-heatmap", "dataviz-histogram", "dataviz-line-horizontal", "dataviz-line-multi", "dataviz-line-stepped", "dataviz-line", "dataviz-numeric-field", "dataviz-pareto", "dataviz-pie", "dataviz-pivot-table", "dataviz-radar", "dataviz-scatter", "dataviz-spark", "dataviz-sparklines-area", "dataviz-sparklines-columns", "dataviz-sparklines-line", "dataviz-sparklines-pies", "dataviz-spline", "dataviz-string-field", "dataviz-table-with-bars", "dataviz-trend-down", "dataviz-trend-up", "dataviz-waterfall", "desktop", "diamond", "disc-stack-solid", "disc-stack", "dock", "doctor-female", "doctor-male", "document-pdf", "document", "docusign", "dot-9-solid", "download", "drag", "email-open", "exchange", "expression", "eye-off", "face-blank", "face-happy", "face-sad", "facebook", "farming-wheat", "fast-forward", "field-cursor", "filetype-text", "filter", "fingerprint-search", "flag-check", "flag-finish", "flag-wave-solid", "flag-wave", "flashlight", "flow-process", "folder-closed", "folder-empty", "folder-hierarchy", "folder-nested", "folder-search", "folder", "folders", "forward-all", "forward", "function", "gear-play", "gear-solid", "gear", "globe", "google", "government", "graduate", "hand-book-open", "hand-over-paper", "hand", "handshake", "header", "headset", "home-solid", "home", "house-bed", "house-person", "indent", "infinity", "information-solid", "information", "ios-face-id", "ios-finger-id", "layers", "letter", "linkedin", "list-number", "list", "location-solid", "location", "mail-warning", "mail", "megaphone", "merge", "messages-to-chat", "mic-off", "mic", "micro-arrow-down", "micro-arrow-left", "micro-arrow-right", "micro-arrow-up", "minus", "mobile-phone", "module", "money-atm", "money", "monitor-lock", "more", "mountain-top", "multi-device", "navigation", "newspaper-fold", "newspaper", "nodes-down", "note-pin", "notepad", "number-decimal", "offer-list", "offer-table", "offer", "open-new-tab", "open", "opportunity-refresh", "opportunity", "os-apple", "paper-clip", "paper-search", "password-lock", "pause", "paypal", "pega", "pegasus", "pencil", "people-group-stakeholders", "percentage", "person-connection", "person-hierarchy-check", "person-stars", "person", "persons-group", "phone-call", "phone-dial", "phone-hangup", "phone-in", "phone-ivr", "phone-off", "phone-out", "phone-split", "phone-transfer", "phone", "phonebook", "picture", "play-solid", "play", "plug-solid", "plug", "plus", "polaris-solid", "polaris", "presentation", "product", "project-plan", "project", "qr", "receipt", "reply-all", "reply", "reset", "robot-happy", "robot-sad", "robot", "roof-people", "row-delete", "row-insert", "row", "rule-library-solid", "rule-library", "rule", "scale-down", "scale-up", "script", "search-analytics-solid", "search-analytics", "search", "send", "server", "set", "share", "shield-solid", "shield", "shipment-box", "shop", "shuffle", "sigma", "slideshow", "snow", "speaker", "split", "stakeholders", "star-mixed", "star-solid", "star", "sub-step", "table-bolt-solid", "table-bolt", "table", "tag", "target-path", "team", "thumbs-down-solid", "thumbs-down", "thumbs-up-solid", "thumbs-up", "times", "todo", "toolbox-open", "toolbox-wrench", "transform", "trash", "tribox", "twitter", "two-disk-stacks", "type-cursor", "umbrella", "undock", "unindent", "user-check", "user-document", "user-information", "user-pencil", "user-solid", "user-star", "user-unavailable", "user", "variable", "voice", "wand", "warn-solid", "warn", "widget", "wifi", "youtube"];
+declare const streamlineIconNames: readonly ["ai-assist", "alexa", "align-center", "align-left", "align-right", "amazon", "api", "app", "arrow-above-row-right", "arrow-bend-left", "arrow-down", "arrow-left-column", "arrow-left", "arrow-micro-down", "arrow-micro-left", "arrow-micro-right", "arrow-micro-up", "arrow-out", "arrow-right-column", "arrow-right", "arrow-up-down", "arrow-up", "bank", "bars", "bell-push-notification", "bell", "bluetooth", "book-open", "bookmark", "box-4", "box", "browser-code", "browser", "bug", "building-2", "building-3-solid", "building-3", "bulb", "calendar-empty", "calendar-now", "calendar-range", "calendar", "car", "caret-down", "caret-left", "caret-right", "caret-up", "case-medical", "case-solid", "case", "chain", "chart-line", "chart-pie", "chat-check", "chat-exclamation-mark", "chat-help", "chat-quote", "chat-transfer", "chat-typing", "chat-unavailable", "chat", "chats", "check-badge", "check", "chevron-solid", "chevron", "circle-mixed-left", "circle", "clipboard-check", "clipboard-medical", "clipboard-pencil-solid", "clipboard-pencil", "clipboard-plus", "clipboard", "clock-solid", "clock", "cloud", "code-search", "code", "column-delete", "conversation", "copy", "credit", "csr-agent", "currency", "custom-column", "database-search", "dataviz-area-multi", "dataviz-area-stacked", "dataviz-area", "dataviz-bar-clustered", "dataviz-bar-stacked", "dataviz-bar", "dataviz-bell-curve", "dataviz-bubble", "dataviz-column-clustered", "dataviz-column-stacked", "dataviz-column", "dataviz-combo", "dataviz-datetime-field", "dataviz-donut", "dataviz-flip-counter", "dataviz-forecast", "dataviz-funnel", "dataviz-gauge-linear", "dataviz-gauge-progress", "dataviz-gauge", "dataviz-geo-choropleth", "dataviz-heatmap", "dataviz-histogram", "dataviz-line-horizontal", "dataviz-line-multi", "dataviz-line-stepped", "dataviz-line", "dataviz-numeric-field", "dataviz-pareto", "dataviz-pie", "dataviz-pivot-table", "dataviz-radar", "dataviz-scatter", "dataviz-spark", "dataviz-sparklines-area", "dataviz-sparklines-columns", "dataviz-sparklines-line", "dataviz-sparklines-pies", "dataviz-spline", "dataviz-string-field", "dataviz-table-with-bars", "dataviz-trend-down", "dataviz-trend-up", "dataviz-waterfall", "desktop", "diamond", "disc-stack-solid", "disc-stack", "dock", "doctor-female", "doctor-male", "document-pdf", "document", "docusign", "dot-9-solid", "download", "drag", "email-open", "exchange", "expression", "eye-off", "face-blank", "face-happy", "face-sad", "facebook", "farming-wheat", "fast-forward", "field-cursor", "filetype-text", "filter", "fingerprint-search", "flag-check", "flag-finish", "flag-wave-solid", "flag-wave", "flashlight", "flow-process", "folder-closed", "folder-empty", "folder-hierarchy", "folder-nested", "folder-search", "folder", "folders", "forward-all", "forward", "function", "gear-play", "gear-solid", "gear", "globe", "google", "government", "graduate", "hand-book-open", "hand-over-paper", "hand", "handshake", "header", "headset", "home-solid", "home", "house-bed", "house-person", "indent", "infinity", "information-solid", "information", "ios-face-id", "ios-finger-id", "layers", "letter", "linkedin", "list-number", "list", "location-solid", "location", "mail-warning", "mail", "megaphone", "merge", "messages-to-chat", "mic-off", "mic", "micro-arrow-down", "micro-arrow-left", "micro-arrow-right", "micro-arrow-up", "minus", "mobile-phone", "module", "money-atm", "money", "monitor-lock", "more", "mountain-top", "multi-device", "navigation", "newspaper-fold", "newspaper", "nodes-down", "note-pin", "notepad", "number-decimal", "offer-list", "offer-table", "offer", "open-new-tab", "open", "opportunity-refresh", "opportunity", "os-apple", "paper-clip", "paper-search", "password-lock", "pause", "paypal", "pega", "pegasus", "pencil", "people-group-stakeholders", "percentage", "person-connection", "person-hierarchy-check", "person-stars", "person", "persons-group", "phone-call", "phone-dial", "phone-hangup", "phone-in", "phone-ivr", "phone-off", "phone-out", "phone-split", "phone-transfer", "phone", "phonebook", "picture", "play-solid", "play", "plug-solid", "plug", "plus", "polaris-solid", "polaris", "presentation", "product", "project-plan", "project", "qr", "receipt", "reply-all", "reply", "reset", "robot-happy", "robot-sad", "robot", "roof-people", "row-delete", "row-insert", "row", "rule-library-solid", "rule-library", "rule", "scale-down", "scale-up", "script", "search-analytics-solid", "search-analytics", "search", "send", "server", "set", "share", "shield-solid", "shield", "shipment-box", "shop", "shuffle", "sigma", "slideshow", "snow", "speaker", "split", "stakeholders", "star-mixed", "star-solid", "star", "sub-step", "table-bolt-solid", "table-bolt", "table", "tag", "target-path", "team", "thumbs-down-solid", "thumbs-down", "thumbs-up-solid", "thumbs-up", "times", "todo", "toolbox-open", "toolbox-wrench", "transform", "trash", "tribox", "twitter", "two-disk-stacks", "type-cursor", "umbrella", "undock", "unindent", "user-check", "user-document", "user-information", "user-pencil", "user-solid", "user-star", "user-unavailable", "user", "variable", "voice", "wand", "warn-solid", "warn", "widget", "wifi", "youtube"];
 export default streamlineIconNames;
 export type StreamlineIconName = (typeof streamlineIconNames)[number];
 //# sourceMappingURL=streamlineIconNames.d.ts.map

package/lib/components/Icon/streamlineIconNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"streamlineIconNames.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/streamlineIconNames.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,mBAAmB,+jKAoWf,CAAC;AAEX,eAAe,mBAAmB,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"streamlineIconNames.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/streamlineIconNames.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,mBAAmB,+kKAqWf,CAAC;AAEX,eAAe,mBAAmB,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/lib/components/Icon/streamlineIconNames.js

@@ -39,6 +39,7 @@ const streamlineIconNames = [
     'building-3',
     'bulb',
     'calendar-empty',
+    'calendar-now',
     'calendar-range',
     'calendar',
     'car',

package/lib/components/Icon/streamlineIconNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"streamlineIconNames.js","sourceRoot":"","sources":["../../../src/components/Icon/streamlineIconNames.ts"],"names":[],"mappings":"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","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nconst streamlineIconNames = [\n  'ai-assist',\n  'alexa',\n  'align-center',\n  'align-left',\n  'align-right',\n  'amazon',\n  'api',\n  'app',\n  'arrow-above-row-right',\n  'arrow-bend-left',\n  'arrow-down',\n  'arrow-left-column',\n  'arrow-left',\n  'arrow-micro-down',\n  'arrow-micro-left',\n  'arrow-micro-right',\n  'arrow-micro-up',\n  'arrow-out',\n  'arrow-right-column',\n  'arrow-right',\n  'arrow-up-down',\n  'arrow-up',\n  'bank',\n  'bars',\n  'bell-push-notification',\n  'bell',\n  'bluetooth',\n  'book-open',\n  'bookmark',\n  'box-4',\n  'box',\n  'browser-code',\n  'browser',\n  'bug',\n  'building-2',\n  'building-3-solid',\n  'building-3',\n  'bulb',\n  'calendar-empty',\n  'calendar-range',\n  'calendar',\n  'car',\n  'caret-down',\n  'caret-left',\n  'caret-right',\n  'caret-up',\n  'case-medical',\n  'case-solid',\n  'case',\n  'chain',\n  'chart-line',\n  'chart-pie',\n  'chat-check',\n  'chat-exclamation-mark',\n  'chat-help',\n  'chat-quote',\n  'chat-transfer',\n  'chat-typing',\n  'chat-unavailable',\n  'chat',\n  'chats',\n  'check-badge',\n  'check',\n  'chevron-solid',\n  'chevron',\n  'circle-mixed-left',\n  'circle',\n  'clipboard-check',\n  'clipboard-medical',\n  'clipboard-pencil-solid',\n  'clipboard-pencil',\n  'clipboard-plus',\n  'clipboard',\n  'clock-solid',\n  'clock',\n  'cloud',\n  'code-search',\n  'code',\n  'column-delete',\n  'conversation',\n  'copy',\n  'credit',\n  'csr-agent',\n  'currency',\n  'custom-column',\n  'database-search',\n  'dataviz-area-multi',\n  'dataviz-area-stacked',\n  'dataviz-area',\n  'dataviz-bar-clustered',\n  'dataviz-bar-stacked',\n  'dataviz-bar',\n  'dataviz-bell-curve',\n  'dataviz-bubble',\n  'dataviz-column-clustered',\n  'dataviz-column-stacked',\n  'dataviz-column',\n  'dataviz-combo',\n  'dataviz-datetime-field',\n  'dataviz-donut',\n  'dataviz-flip-counter',\n  'dataviz-forecast',\n  'dataviz-funnel',\n  'dataviz-gauge-linear',\n  'dataviz-gauge-progress',\n  'dataviz-gauge',\n  'dataviz-geo-choropleth',\n  'dataviz-heatmap',\n  'dataviz-histogram',\n  'dataviz-line-horizontal',\n  'dataviz-line-multi',\n  'dataviz-line-stepped',\n  'dataviz-line',\n  'dataviz-numeric-field',\n  'dataviz-pareto',\n  'dataviz-pie',\n  'dataviz-pivot-table',\n  'dataviz-radar',\n  'dataviz-scatter',\n  'dataviz-spark',\n  'dataviz-sparklines-area',\n  'dataviz-sparklines-columns',\n  'dataviz-sparklines-line',\n  'dataviz-sparklines-pies',\n  'dataviz-spline',\n  'dataviz-string-field',\n  'dataviz-table-with-bars',\n  'dataviz-trend-down',\n  'dataviz-trend-up',\n  'dataviz-waterfall',\n  'desktop',\n  'diamond',\n  'disc-stack-solid',\n  'disc-stack',\n  'dock',\n  'doctor-female',\n  'doctor-male',\n  'document-pdf',\n  'document',\n  'docusign',\n  'dot-9-solid',\n  'download',\n  'drag',\n  'email-open',\n  'exchange',\n  'expression',\n  'eye-off',\n  'face-blank',\n  'face-happy',\n  'face-sad',\n  'facebook',\n  'farming-wheat',\n  'fast-forward',\n  'field-cursor',\n  'filetype-text',\n  'filter',\n  'fingerprint-search',\n  'flag-check',\n  'flag-finish',\n  'flag-wave-solid',\n  'flag-wave',\n  'flashlight',\n  'flow-process',\n  'folder-closed',\n  'folder-empty',\n  'folder-hierarchy',\n  'folder-nested',\n  'folder-search',\n  'folder',\n  'folders',\n  'forward-all',\n  'forward',\n  'function',\n  'gear-play',\n  'gear-solid',\n  'gear',\n  'globe',\n  'google',\n  'government',\n  'graduate',\n  'hand-book-open',\n  'hand-over-paper',\n  'hand',\n  'handshake',\n  'header',\n  'headset',\n  'home-solid',\n  'home',\n  'house-bed',\n  'house-person',\n  'indent',\n  'infinity',\n  'information-solid',\n  'information',\n  'ios-face-id',\n  'ios-finger-id',\n  'layers',\n  'letter',\n  'linkedin',\n  'list-number',\n  'list',\n  'location-solid',\n  'location',\n  'mail-warning',\n  'mail',\n  'megaphone',\n  'merge',\n  'messages-to-chat',\n  'mic-off',\n  'mic',\n  'micro-arrow-down',\n  'micro-arrow-left',\n  'micro-arrow-right',\n  'micro-arrow-up',\n  'minus',\n  'mobile-phone',\n  'module',\n  'money-atm',\n  'money',\n  'monitor-lock',\n  'more',\n  'mountain-top',\n  'multi-device',\n  'navigation',\n  'newspaper-fold',\n  'newspaper',\n  'nodes-down',\n  'note-pin',\n  'notepad',\n  'number-decimal',\n  'offer-list',\n  'offer-table',\n  'offer',\n  'open-new-tab',\n  'open',\n  'opportunity-refresh',\n  'opportunity',\n  'os-apple',\n  'paper-clip',\n  'paper-search',\n  'password-lock',\n  'pause',\n  'paypal',\n  'pega',\n  'pegasus',\n  'pencil',\n  'people-group-stakeholders',\n  'percentage',\n  'person-connection',\n  'person-hierarchy-check',\n  'person-stars',\n  'person',\n  'persons-group',\n  'phone-call',\n  'phone-dial',\n  'phone-hangup',\n  'phone-in',\n  'phone-ivr',\n  'phone-off',\n  'phone-out',\n  'phone-split',\n  'phone-transfer',\n  'phone',\n  'phonebook',\n  'picture',\n  'play-solid',\n  'play',\n  'plug-solid',\n  'plug',\n  'plus',\n  'polaris-solid',\n  'polaris',\n  'presentation',\n  'product',\n  'project-plan',\n  'project',\n  'qr',\n  'receipt',\n  'reply-all',\n  'reply',\n  'reset',\n  'robot-happy',\n  'robot-sad',\n  'robot',\n  'roof-people',\n  'row-delete',\n  'row-insert',\n  'row',\n  'rule-library-solid',\n  'rule-library',\n  'rule',\n  'scale-down',\n  'scale-up',\n  'script',\n  'search-analytics-solid',\n  'search-analytics',\n  'search',\n  'send',\n  'server',\n  'set',\n  'share',\n  'shield-solid',\n  'shield',\n  'shipment-box',\n  'shop',\n  'shuffle',\n  'sigma',\n  'slideshow',\n  'snow',\n  'speaker',\n  'split',\n  'stakeholders',\n  'star-mixed',\n  'star-solid',\n  'star',\n  'sub-step',\n  'table-bolt-solid',\n  'table-bolt',\n  'table',\n  'tag',\n  'target-path',\n  'team',\n  'thumbs-down-solid',\n  'thumbs-down',\n  'thumbs-up-solid',\n  'thumbs-up',\n  'times',\n  'todo',\n  'toolbox-open',\n  'toolbox-wrench',\n  'transform',\n  'trash',\n  'tribox',\n  'twitter',\n  'two-disk-stacks',\n  'type-cursor',\n  'umbrella',\n  'undock',\n  'unindent',\n  'user-check',\n  'user-document',\n  'user-information',\n  'user-pencil',\n  'user-solid',\n  'user-star',\n  'user-unavailable',\n  'user',\n  'variable',\n  'voice',\n  'wand',\n  'warn-solid',\n  'warn',\n  'widget',\n  'wifi',\n  'youtube'\n] as const;\n\nexport default streamlineIconNames;\n\nexport type StreamlineIconName = (typeof streamlineIconNames)[number];\n"]}
+{"version":3,"file":"streamlineIconNames.js","sourceRoot":"","sources":["../../../src/components/Icon/streamlineIconNames.ts"],"names":[],"mappings":"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","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\n\nconst streamlineIconNames = [\n  'ai-assist',\n  'alexa',\n  'align-center',\n  'align-left',\n  'align-right',\n  'amazon',\n  'api',\n  'app',\n  'arrow-above-row-right',\n  'arrow-bend-left',\n  'arrow-down',\n  'arrow-left-column',\n  'arrow-left',\n  'arrow-micro-down',\n  'arrow-micro-left',\n  'arrow-micro-right',\n  'arrow-micro-up',\n  'arrow-out',\n  'arrow-right-column',\n  'arrow-right',\n  'arrow-up-down',\n  'arrow-up',\n  'bank',\n  'bars',\n  'bell-push-notification',\n  'bell',\n  'bluetooth',\n  'book-open',\n  'bookmark',\n  'box-4',\n  'box',\n  'browser-code',\n  'browser',\n  'bug',\n  'building-2',\n  'building-3-solid',\n  'building-3',\n  'bulb',\n  'calendar-empty',\n  'calendar-now',\n  'calendar-range',\n  'calendar',\n  'car',\n  'caret-down',\n  'caret-left',\n  'caret-right',\n  'caret-up',\n  'case-medical',\n  'case-solid',\n  'case',\n  'chain',\n  'chart-line',\n  'chart-pie',\n  'chat-check',\n  'chat-exclamation-mark',\n  'chat-help',\n  'chat-quote',\n  'chat-transfer',\n  'chat-typing',\n  'chat-unavailable',\n  'chat',\n  'chats',\n  'check-badge',\n  'check',\n  'chevron-solid',\n  'chevron',\n  'circle-mixed-left',\n  'circle',\n  'clipboard-check',\n  'clipboard-medical',\n  'clipboard-pencil-solid',\n  'clipboard-pencil',\n  'clipboard-plus',\n  'clipboard',\n  'clock-solid',\n  'clock',\n  'cloud',\n  'code-search',\n  'code',\n  'column-delete',\n  'conversation',\n  'copy',\n  'credit',\n  'csr-agent',\n  'currency',\n  'custom-column',\n  'database-search',\n  'dataviz-area-multi',\n  'dataviz-area-stacked',\n  'dataviz-area',\n  'dataviz-bar-clustered',\n  'dataviz-bar-stacked',\n  'dataviz-bar',\n  'dataviz-bell-curve',\n  'dataviz-bubble',\n  'dataviz-column-clustered',\n  'dataviz-column-stacked',\n  'dataviz-column',\n  'dataviz-combo',\n  'dataviz-datetime-field',\n  'dataviz-donut',\n  'dataviz-flip-counter',\n  'dataviz-forecast',\n  'dataviz-funnel',\n  'dataviz-gauge-linear',\n  'dataviz-gauge-progress',\n  'dataviz-gauge',\n  'dataviz-geo-choropleth',\n  'dataviz-heatmap',\n  'dataviz-histogram',\n  'dataviz-line-horizontal',\n  'dataviz-line-multi',\n  'dataviz-line-stepped',\n  'dataviz-line',\n  'dataviz-numeric-field',\n  'dataviz-pareto',\n  'dataviz-pie',\n  'dataviz-pivot-table',\n  'dataviz-radar',\n  'dataviz-scatter',\n  'dataviz-spark',\n  'dataviz-sparklines-area',\n  'dataviz-sparklines-columns',\n  'dataviz-sparklines-line',\n  'dataviz-sparklines-pies',\n  'dataviz-spline',\n  'dataviz-string-field',\n  'dataviz-table-with-bars',\n  'dataviz-trend-down',\n  'dataviz-trend-up',\n  'dataviz-waterfall',\n  'desktop',\n  'diamond',\n  'disc-stack-solid',\n  'disc-stack',\n  'dock',\n  'doctor-female',\n  'doctor-male',\n  'document-pdf',\n  'document',\n  'docusign',\n  'dot-9-solid',\n  'download',\n  'drag',\n  'email-open',\n  'exchange',\n  'expression',\n  'eye-off',\n  'face-blank',\n  'face-happy',\n  'face-sad',\n  'facebook',\n  'farming-wheat',\n  'fast-forward',\n  'field-cursor',\n  'filetype-text',\n  'filter',\n  'fingerprint-search',\n  'flag-check',\n  'flag-finish',\n  'flag-wave-solid',\n  'flag-wave',\n  'flashlight',\n  'flow-process',\n  'folder-closed',\n  'folder-empty',\n  'folder-hierarchy',\n  'folder-nested',\n  'folder-search',\n  'folder',\n  'folders',\n  'forward-all',\n  'forward',\n  'function',\n  'gear-play',\n  'gear-solid',\n  'gear',\n  'globe',\n  'google',\n  'government',\n  'graduate',\n  'hand-book-open',\n  'hand-over-paper',\n  'hand',\n  'handshake',\n  'header',\n  'headset',\n  'home-solid',\n  'home',\n  'house-bed',\n  'house-person',\n  'indent',\n  'infinity',\n  'information-solid',\n  'information',\n  'ios-face-id',\n  'ios-finger-id',\n  'layers',\n  'letter',\n  'linkedin',\n  'list-number',\n  'list',\n  'location-solid',\n  'location',\n  'mail-warning',\n  'mail',\n  'megaphone',\n  'merge',\n  'messages-to-chat',\n  'mic-off',\n  'mic',\n  'micro-arrow-down',\n  'micro-arrow-left',\n  'micro-arrow-right',\n  'micro-arrow-up',\n  'minus',\n  'mobile-phone',\n  'module',\n  'money-atm',\n  'money',\n  'monitor-lock',\n  'more',\n  'mountain-top',\n  'multi-device',\n  'navigation',\n  'newspaper-fold',\n  'newspaper',\n  'nodes-down',\n  'note-pin',\n  'notepad',\n  'number-decimal',\n  'offer-list',\n  'offer-table',\n  'offer',\n  'open-new-tab',\n  'open',\n  'opportunity-refresh',\n  'opportunity',\n  'os-apple',\n  'paper-clip',\n  'paper-search',\n  'password-lock',\n  'pause',\n  'paypal',\n  'pega',\n  'pegasus',\n  'pencil',\n  'people-group-stakeholders',\n  'percentage',\n  'person-connection',\n  'person-hierarchy-check',\n  'person-stars',\n  'person',\n  'persons-group',\n  'phone-call',\n  'phone-dial',\n  'phone-hangup',\n  'phone-in',\n  'phone-ivr',\n  'phone-off',\n  'phone-out',\n  'phone-split',\n  'phone-transfer',\n  'phone',\n  'phonebook',\n  'picture',\n  'play-solid',\n  'play',\n  'plug-solid',\n  'plug',\n  'plus',\n  'polaris-solid',\n  'polaris',\n  'presentation',\n  'product',\n  'project-plan',\n  'project',\n  'qr',\n  'receipt',\n  'reply-all',\n  'reply',\n  'reset',\n  'robot-happy',\n  'robot-sad',\n  'robot',\n  'roof-people',\n  'row-delete',\n  'row-insert',\n  'row',\n  'rule-library-solid',\n  'rule-library',\n  'rule',\n  'scale-down',\n  'scale-up',\n  'script',\n  'search-analytics-solid',\n  'search-analytics',\n  'search',\n  'send',\n  'server',\n  'set',\n  'share',\n  'shield-solid',\n  'shield',\n  'shipment-box',\n  'shop',\n  'shuffle',\n  'sigma',\n  'slideshow',\n  'snow',\n  'speaker',\n  'split',\n  'stakeholders',\n  'star-mixed',\n  'star-solid',\n  'star',\n  'sub-step',\n  'table-bolt-solid',\n  'table-bolt',\n  'table',\n  'tag',\n  'target-path',\n  'team',\n  'thumbs-down-solid',\n  'thumbs-down',\n  'thumbs-up-solid',\n  'thumbs-up',\n  'times',\n  'todo',\n  'toolbox-open',\n  'toolbox-wrench',\n  'transform',\n  'trash',\n  'tribox',\n  'twitter',\n  'two-disk-stacks',\n  'type-cursor',\n  'umbrella',\n  'undock',\n  'unindent',\n  'user-check',\n  'user-document',\n  'user-information',\n  'user-pencil',\n  'user-solid',\n  'user-star',\n  'user-unavailable',\n  'user',\n  'variable',\n  'voice',\n  'wand',\n  'warn-solid',\n  'warn',\n  'widget',\n  'wifi',\n  'youtube'\n] as const;\n\nexport default streamlineIconNames;\n\nexport type StreamlineIconName = (typeof streamlineIconNames)[number];\n"]}

package/lib/components/ListToolbar/ListToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAK3F,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,aAAa,CAAC;AAwCxD,OAAO,KAAK,EACV,gBAAgB,EAMjB,MAAM,qBAAqB,CAAC;;;;AAwb7B,wBAA+D"}
+{"version":3,"file":"ListToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAA8C,MAAM,OAAO,CAAC;AAK3F,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,aAAa,CAAC;AAwCxD,OAAO,KAAK,EACV,gBAAgB,EAMjB,MAAM,qBAAqB,CAAC;;;;AA0b7B,wBAA+D"}

package/lib/components/ListToolbar/ListToolbar.js

@@ -204,10 +204,10 @@ const ListToolbar = forwardRef(function ListToolbar({ testId, name, headingTag =
                                                         };
                                                     }),
                                                     onItemClick: viewSelector.onViewSelect
-                                                } }))] }), formControlProps?.additionalInfo && (_jsx(AdditionalInfo, { heading: formControlProps.additionalInfo.heading, contextualLabel: labelText, children: formControlProps.additionalInfo.content })), isSmallOrAbove && count && _jsx(CountMeta, { "data-testid": testIds.count, count: count })] }), _jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [isSmallOrAbove && additionalActions, search && isSmallOrAbove && expandableSearch, isSmallOrAbove && createNewButton, isSmallOrAbove && _jsx(FullscreenButton, {}), isSmallOrAbove && basicModeActions && (_jsx(Actions, { items: basicModeActions.map(({ icon, ...restActionProps }) => ({
+                                                } }))] }), formControlProps?.additionalInfo && (_jsx(AdditionalInfo, { heading: formControlProps.additionalInfo.heading, contextualLabel: labelText, children: formControlProps.additionalInfo.content })), isSmallOrAbove && count && _jsx(CountMeta, { "data-testid": testIds.count, count: count })] }), _jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [isSmallOrAbove && additionalActions, search && isSmallOrAbove && expandableSearch, isSmallOrAbove && createNewButton, isSmallOrAbove && _jsx(FullscreenButton, {}), isSmallOrAbove && basicModeActions && (_jsx(Actions, { contextualLabel: name, items: basicModeActions.map(({ icon, ...restActionProps }) => ({
                                             ...restActionProps,
                                             visual: icon && _jsx(Icon, { name: icon })
-                                        })), menuAt: 1, ref: consolidatedActionsButtonRef })), !isSmallOrAbove && count && _jsx(CountMeta, { "data-testid": testIds.count, count: count })] })] }), !isSmallOrAbove && (_jsxs(_Fragment, { children: [!!count?.selected && additionalActions, _jsxs(StyledSearchContainer, { container: { alignItems: 'start', justify: 'between', gap: 1 }, children: [_jsx(Flex, { as: StyledSearchForm, container: { alignItems: 'center', wrap: 'wrap', gap: 1 }, item: { grow: 1 }, children: search && searchInput }), createNewButton, _jsx(FullscreenButton, {}), basicModeActions && (_jsx(Actions, { items: basicModeActions.map(({ icon, ...restActionProps }) => ({
+                                        })), menuAt: 1, ref: consolidatedActionsButtonRef })), !isSmallOrAbove && count && _jsx(CountMeta, { "data-testid": testIds.count, count: count })] })] }), !isSmallOrAbove && (_jsxs(_Fragment, { children: [!!count?.selected && additionalActions, _jsxs(StyledSearchContainer, { container: { alignItems: 'start', justify: 'between', gap: 1 }, children: [_jsx(Flex, { as: StyledSearchForm, container: { alignItems: 'center', wrap: 'wrap', gap: 1 }, item: { grow: 1 }, children: search && searchInput }), createNewButton, _jsx(FullscreenButton, {}), basicModeActions && (_jsx(Actions, { contextualLabel: name, items: basicModeActions.map(({ icon, ...restActionProps }) => ({
                                             ...restActionProps,
                                             visual: icon && _jsx(Icon, { name: icon })
                                         })), menuAt: 1, ref: consolidatedActionsButtonRef }))] })] })), formControlProps?.info && (_jsx(StyledInfo, { role: formControlProps.status === 'error' || formControlProps.status === 'warning'

package/lib/components/ListToolbar/ListToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.js","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { FunctionComponent, KeyboardEvent, PropsWithoutRef, MouseEvent } from 'react';\n\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport Actions from '../Actions';\nimport Button from '../Button';\nimport type { Action, ForwardProps } from '../../types';\nimport {\n  useBreakpoint,\n  useConfiguration,\n  useConsolidatedRef,\n  useEscape,\n  useI18n,\n  useTestIds,\n  useUID\n} from '../../hooks';\nimport Flex from '../Flex';\nimport SearchInput from '../SearchInput';\nimport Icon, { registerIcon } from '../Icon';\nimport * as filterIcon from '../Icon/icons/filter.icon';\nimport * as arrowUpDownIcon from '../Icon/icons/arrow-up-down.icon';\nimport * as rowIcon from '../Icon/icons/row.icon';\nimport * as plusIcon from '../Icon/icons/plus.icon';\nimport * as moreIcon from '../Icon/icons/more.icon';\nimport { hasProp, withTestIds } from '../../utils';\nimport { formatNumber } from '../Number';\nimport MenuButton from '../MenuButton';\nimport Avatar from '../Avatar';\nimport AdditionalInfo from '../AdditionalInfo';\nimport FullscreenButton from '../Fullscreen/FullscreenButton';\n\nimport PresetMenuPopover from './PresetMenuPopover';\nimport type { PresetMenuPopoverProps } from './PresetMenuPopover';\nimport {\n  StyledViewSelector,\n  StyledSearchForm,\n  StyledListToolbar,\n  StyledHeadingText,\n  StyledCountMeta,\n  StyledContainer,\n  StyledListToolbarContent,\n  StyledListToolbarDialog,\n  StyledErrorIcon,\n  StyledInfo,\n  StyledSearchContainer\n} from './ListToolbar.styles';\nimport type {\n  ListToolbarProps,\n  PresetMenuProps,\n  QueryOptionDialogProps,\n  QueryOptionId,\n  ViewProps,\n  ViewSelectorProps\n} from './ListToolbar.types';\nimport helpers from './helpers';\nimport { getListToolbarTestIds } from './ListToolbar.test-ids';\n\nregisterIcon(filterIcon, arrowUpDownIcon, rowIcon, plusIcon, moreIcon);\n\nconst CountMeta = ({\n  count,\n  ...restProps\n}: { count: NonNullable<ListToolbarProps['count']> } & ForwardProps) => {\n  const { locale } = useConfiguration();\n  const t = useI18n();\n  const totalFormattedValue = formatNumber(count.total ?? 0, {\n    locale,\n    options: {\n      useGrouping: true\n    }\n  });\n  return (\n    <StyledCountMeta variant='secondary' {...restProps}>\n      {count.selected\n        ? t(\n            'selected_count',\n            [formatNumber(count.selected, { locale, options: { useGrouping: true } })],\n            { count: count.selected }\n          )\n        : count.total !== undefined &&\n          t(\n            'results_count',\n            [count.totalHasMore ? `${totalFormattedValue}+` : totalFormattedValue],\n            {\n              count: count.total\n            }\n          )}\n    </StyledCountMeta>\n  );\n};\n\nconst generateViewName = (\n  view: ViewProps,\n  texts: { default: string; appDefault: string },\n  options: {\n    defaultId?: ViewSelectorProps['defaultId'];\n    appDefaultId?: ViewSelectorProps['appDefaultId'];\n  }\n) => {\n  return `${view.text} ${view.id === options.defaultId ? `(${texts.default})` : ''} ${\n    view.id === options.appDefaultId ? `(${texts.appDefault})` : ''\n  }`;\n};\n\nconst ListToolbar: FunctionComponent<ListToolbarProps & ForwardProps> = forwardRef(\n  function ListToolbar(\n    {\n      testId,\n      name,\n      headingTag = 'h3',\n      viewSelector,\n      formControlProps,\n      createNew,\n      search,\n      count,\n      additionalActions,\n      filter,\n      sort,\n      group,\n      actions,\n      actionsButtonRef,\n      ...restProps\n    }: PropsWithoutRef<ListToolbarProps>,\n    ref: ListToolbarProps['ref']\n  ) {\n    const uid = useUID();\n    const t = useI18n();\n    const testIds = useTestIds(testId, getListToolbarTestIds);\n\n    const isSmallOrAbove = useBreakpoint('sm');\n    const consolidatedActionsButtonRef = useConsolidatedRef(actionsButtonRef);\n    const toolbarContentRef = useRef<HTMLDivElement>(null);\n    const searchInputRef = useRef<HTMLInputElement>(null);\n    const searchButtonRef = useRef<HTMLButtonElement>(null);\n    const [isSearchOpen, setIsSearchOpen] = useState(!!search?.value);\n\n    const onSearchEscape = () => {\n      if (!search?.value) {\n        setIsSearchOpen(false);\n      }\n      setTimeout(() => searchButtonRef.current?.focus());\n    };\n\n    useEffect(() => {\n      if (search?.value) {\n        setIsSearchOpen(true);\n      }\n    }, [search?.value]);\n\n    const [currentQueryOptionId, setCurrentQueryOptionId] = useState<QueryOptionId | null>(null);\n    const queryOptionPopoverTarget = useRef<HTMLButtonElement>();\n\n    const [actionsQueryOptionPreset, setActionsQueryOptionPreset] =\n      useState<Pick<PresetMenuPopoverProps, 'heading' | 'menu'>>();\n    const [optionPresetMenuOpen, setOptionPresetMenuOpen] = useState(false);\n\n    const createNewButton = useMemo(() => {\n      if (!createNew?.onClick) return null;\n      const text = createNew.label ?? t('create_new');\n\n      return (\n        <Button\n          data-testid={testIds.createNew}\n          variant='simple'\n          icon\n          label={text}\n          aria-label={text}\n          onClick={createNew.onClick}\n        >\n          <Icon name='plus' />\n        </Button>\n      );\n    }, [t, createNew, isSmallOrAbove]);\n\n    useEscape(onSearchEscape, searchInputRef);\n    const searchInput = useMemo(\n      () => (\n        <SearchInput\n          data-testid={testIds.searchInput}\n          {...search}\n          onSearchSubmit={(value: string) => {\n            search?.onSearchSubmit?.(value);\n            onSearchEscape();\n          }}\n          onClick={(e: MouseEvent<HTMLInputElement>) => {\n            e.preventDefault();\n          }}\n          onBlur={() => {\n            if (!search?.value) {\n              setIsSearchOpen(false);\n            }\n          }}\n          ref={searchInputRef}\n        />\n      ),\n      [search, onSearchEscape]\n    );\n\n    const searchLabel = t('search');\n    const expandableSearch = useMemo(() => {\n      return isSearchOpen ? (\n        searchInput\n      ) : (\n        <Button\n          data-testid={testIds.searchButton}\n          variant='simple'\n          icon\n          label={searchLabel}\n          onClick={() => {\n            setIsSearchOpen(true);\n            setTimeout(() => searchInputRef.current?.focus());\n          }}\n          onKeyDown={(e: KeyboardEvent<HTMLElement>) => {\n            if (e.target !== searchInputRef.current && (e.key === 'Enter' || e.key === ' ')) {\n              setIsSearchOpen(true);\n              setTimeout(() => {\n                searchInputRef.current?.focus();\n                searchInputRef.current?.select();\n              });\n            }\n          }}\n          ref={searchButtonRef}\n        >\n          <Icon name='search' />\n        </Button>\n      );\n    }, [searchLabel, setIsSearchOpen, isSearchOpen, searchInput]);\n\n    let queryOptionPopover = null;\n    if (currentQueryOptionId) {\n      const queryOptionProps = { filter, sort, group }[currentQueryOptionId];\n      if (\n        queryOptionProps &&\n        hasProp(queryOptionProps, 'renderer') &&\n        queryOptionPopoverTarget.current\n      ) {\n        queryOptionPopover = (\n          <StyledListToolbarDialog\n            target={queryOptionPopoverTarget.current}\n            heading={t(currentQueryOptionId)}\n            placement='bottom-end'\n            onCancel={() => {\n              if (queryOptionProps.onCancel() === false) return;\n              setCurrentQueryOptionId(null);\n            }}\n            onSubmit={() => {\n              if (queryOptionProps.onSubmit() === false) return;\n              setCurrentQueryOptionId(null);\n            }}\n          >\n            <queryOptionProps.renderer {...(queryOptionProps.rendererProps || {})} />\n          </StyledListToolbarDialog>\n        );\n      }\n    }\n\n    const getQueryOptionAction = useCallback(\n      (\n        id: 'sort' | 'group' | 'filter',\n        icon: string,\n        queryOptionProps: QueryOptionDialogProps | PresetMenuProps\n      ) => {\n        return {\n          text: t(id),\n          id,\n          icon,\n          count: queryOptionProps.count,\n          onClick: () => {\n            if (hasProp(queryOptionProps, 'renderer')) {\n              setCurrentQueryOptionId(id);\n              queryOptionPopoverTarget.current = consolidatedActionsButtonRef.current ?? undefined;\n            }\n            if (hasProp(queryOptionProps, 'items')) {\n              setActionsQueryOptionPreset({\n                heading: t(id),\n                menu: {\n                  mode: queryOptionProps.mode,\n                  items: queryOptionProps.items.map(item => ({ ...item, primary: item.text })),\n                  onItemClick: queryOptionProps.onItemClick\n                }\n              });\n              setOptionPresetMenuOpen(true);\n            }\n          }\n        };\n      },\n      []\n    );\n\n    const basicModeActions = useMemo(() => {\n      let basicActions: Action[] = [];\n      if (filter) {\n        const filterAction: Action = getQueryOptionAction('filter', 'filter', filter);\n        basicActions.push(filterAction);\n      }\n      if (sort) {\n        const sortAction: Action = getQueryOptionAction('sort', 'arrow-up-down', sort);\n        basicActions.push(sortAction);\n      }\n      if (group) {\n        const groupAction: Action = getQueryOptionAction('group', 'row', group);\n        basicActions.push(groupAction);\n      }\n      if (actions) {\n        basicActions = basicActions.concat(actions);\n      }\n\n      return basicActions.length ? basicActions : undefined;\n    }, [actions, filter, sort, group, getQueryOptionAction]);\n\n    let labelText = name;\n\n    if (viewSelector) {\n      const viewItems = helpers.getViews(viewSelector.views);\n\n      if (viewItems.length > 1) {\n        const selectedViewName =\n          helpers.getSelectedView(viewSelector.views)?.text ?? viewItems[0].text;\n\n        labelText = `${name}: ${selectedViewName}`;\n      }\n    }\n\n    return (\n      <Flex data-testid={testIds.root} container {...restProps} as={StyledListToolbar} ref={ref}>\n        <StyledListToolbarContent\n          container={{ direction: 'column', pad: [0.5, 0.5, 0.5, undefined] }}\n          ref={toolbarContentRef}\n          item={{ grow: 1 }}\n        >\n          <Flex\n            container={{\n              alignItems: 'start',\n              justify: 'between',\n              gap: 0.5\n            }}\n          >\n            <StyledContainer\n              container={{\n                alignItems: 'center',\n                gap: 1\n              }}\n            >\n              <StyledHeadingText\n                data-testid={testIds.heading}\n                variant={headingTag}\n                required={formControlProps?.required}\n                aria-describedby={formControlProps?.info ? `${uid}-info` : undefined}\n              >\n                {formControlProps?.info && formControlProps.status === 'error' && (\n                  <>\n                    <StyledErrorIcon name='warn-solid' />\n                    <VisuallyHiddenText>{` ${t('error')} `}</VisuallyHiddenText>\n                  </>\n                )}\n                {!viewSelector || viewSelector.views.length <= 1 ? (\n                  labelText\n                ) : (\n                  <MenuButton\n                    data-testid={testIds.viewSelector}\n                    variant='text'\n                    text={labelText}\n                    as={StyledViewSelector}\n                    menu={{\n                      mode: 'single-select',\n                      items: viewSelector.views.map(view => {\n                        if (hasProp(view, 'items')) {\n                          return {\n                            id: view.text,\n                            label: view.text,\n                            items: view.items.map(groupedView => {\n                              return {\n                                ...groupedView,\n                                primary: generateViewName(\n                                  groupedView,\n                                  { default: t('default'), appDefault: t('app_default') },\n                                  {\n                                    defaultId: viewSelector.defaultId,\n                                    appDefaultId: viewSelector.appDefaultId\n                                  }\n                                ),\n                                visual: groupedView.visual ? (\n                                  <Avatar {...groupedView.visual} />\n                                ) : undefined\n                              };\n                            })\n                          };\n                        }\n\n                        return {\n                          ...view,\n                          primary: generateViewName(\n                            view,\n                            { default: t('default'), appDefault: t('app_default') },\n                            {\n                              defaultId: viewSelector.defaultId,\n                              appDefaultId: viewSelector.appDefaultId\n                            }\n                          ),\n                          visual: view.visual ? <Avatar {...view.visual} /> : undefined\n                        };\n                      }),\n                      onItemClick: viewSelector.onViewSelect\n                    }}\n                  />\n                )}\n              </StyledHeadingText>\n              {formControlProps?.additionalInfo && (\n                <AdditionalInfo\n                  heading={formControlProps.additionalInfo.heading}\n                  contextualLabel={labelText}\n                >\n                  {formControlProps.additionalInfo.content}\n                </AdditionalInfo>\n              )}\n              {isSmallOrAbove && count && <CountMeta data-testid={testIds.count} count={count} />}\n            </StyledContainer>\n            <Flex container={{ alignItems: 'center', gap: 1 }}>\n              {isSmallOrAbove && additionalActions}\n              {search && isSmallOrAbove && expandableSearch}\n              {isSmallOrAbove && createNewButton}\n              {isSmallOrAbove && <FullscreenButton />}\n              {isSmallOrAbove && basicModeActions && (\n                <Actions\n                  items={basicModeActions.map(({ icon, ...restActionProps }) => ({\n                    ...restActionProps,\n                    visual: icon && <Icon name={icon} />\n                  }))}\n                  menuAt={1}\n                  ref={consolidatedActionsButtonRef}\n                />\n              )}\n              {!isSmallOrAbove && count && <CountMeta data-testid={testIds.count} count={count} />}\n            </Flex>\n          </Flex>\n          {!isSmallOrAbove && (\n            <>\n              {!!count?.selected && additionalActions}\n              <StyledSearchContainer\n                container={{ alignItems: 'start', justify: 'between', gap: 1 }}\n              >\n                <Flex\n                  as={StyledSearchForm}\n                  container={{ alignItems: 'center', wrap: 'wrap', gap: 1 }}\n                  item={{ grow: 1 }}\n                >\n                  {search && searchInput}\n                </Flex>\n                {createNewButton}\n                <FullscreenButton />\n                {basicModeActions && (\n                  <Actions\n                    items={basicModeActions.map(({ icon, ...restActionProps }) => ({\n                      ...restActionProps,\n                      visual: icon && <Icon name={icon} />\n                    }))}\n                    menuAt={1}\n                    ref={consolidatedActionsButtonRef}\n                  />\n                )}\n              </StyledSearchContainer>\n            </>\n          )}\n          {formControlProps?.info && (\n            <StyledInfo\n              role={\n                formControlProps.status === 'error' || formControlProps.status === 'warning'\n                  ? 'alert'\n                  : undefined\n              }\n              id={`${uid}-info`}\n              data-testid={testIds.info}\n              status={formControlProps.status}\n            >\n              {formControlProps.info}\n            </StyledInfo>\n          )}\n        </StyledListToolbarContent>\n\n        {queryOptionPopover}\n\n        <PresetMenuPopover\n          buttonRef={consolidatedActionsButtonRef}\n          heading={actionsQueryOptionPreset?.heading}\n          menu={actionsQueryOptionPreset?.menu}\n          isOpen={optionPresetMenuOpen}\n          onClose={() => setOptionPresetMenuOpen(false)}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default withTestIds(ListToolbar, getListToolbarTestIds);\n"]}
+{"version":3,"file":"ListToolbar.js","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { FunctionComponent, KeyboardEvent, PropsWithoutRef, MouseEvent } from 'react';\n\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport Actions from '../Actions';\nimport Button from '../Button';\nimport type { Action, ForwardProps } from '../../types';\nimport {\n  useBreakpoint,\n  useConfiguration,\n  useConsolidatedRef,\n  useEscape,\n  useI18n,\n  useTestIds,\n  useUID\n} from '../../hooks';\nimport Flex from '../Flex';\nimport SearchInput from '../SearchInput';\nimport Icon, { registerIcon } from '../Icon';\nimport * as filterIcon from '../Icon/icons/filter.icon';\nimport * as arrowUpDownIcon from '../Icon/icons/arrow-up-down.icon';\nimport * as rowIcon from '../Icon/icons/row.icon';\nimport * as plusIcon from '../Icon/icons/plus.icon';\nimport * as moreIcon from '../Icon/icons/more.icon';\nimport { hasProp, withTestIds } from '../../utils';\nimport { formatNumber } from '../Number';\nimport MenuButton from '../MenuButton';\nimport Avatar from '../Avatar';\nimport AdditionalInfo from '../AdditionalInfo';\nimport FullscreenButton from '../Fullscreen/FullscreenButton';\n\nimport PresetMenuPopover from './PresetMenuPopover';\nimport type { PresetMenuPopoverProps } from './PresetMenuPopover';\nimport {\n  StyledViewSelector,\n  StyledSearchForm,\n  StyledListToolbar,\n  StyledHeadingText,\n  StyledCountMeta,\n  StyledContainer,\n  StyledListToolbarContent,\n  StyledListToolbarDialog,\n  StyledErrorIcon,\n  StyledInfo,\n  StyledSearchContainer\n} from './ListToolbar.styles';\nimport type {\n  ListToolbarProps,\n  PresetMenuProps,\n  QueryOptionDialogProps,\n  QueryOptionId,\n  ViewProps,\n  ViewSelectorProps\n} from './ListToolbar.types';\nimport helpers from './helpers';\nimport { getListToolbarTestIds } from './ListToolbar.test-ids';\n\nregisterIcon(filterIcon, arrowUpDownIcon, rowIcon, plusIcon, moreIcon);\n\nconst CountMeta = ({\n  count,\n  ...restProps\n}: { count: NonNullable<ListToolbarProps['count']> } & ForwardProps) => {\n  const { locale } = useConfiguration();\n  const t = useI18n();\n  const totalFormattedValue = formatNumber(count.total ?? 0, {\n    locale,\n    options: {\n      useGrouping: true\n    }\n  });\n  return (\n    <StyledCountMeta variant='secondary' {...restProps}>\n      {count.selected\n        ? t(\n            'selected_count',\n            [formatNumber(count.selected, { locale, options: { useGrouping: true } })],\n            { count: count.selected }\n          )\n        : count.total !== undefined &&\n          t(\n            'results_count',\n            [count.totalHasMore ? `${totalFormattedValue}+` : totalFormattedValue],\n            {\n              count: count.total\n            }\n          )}\n    </StyledCountMeta>\n  );\n};\n\nconst generateViewName = (\n  view: ViewProps,\n  texts: { default: string; appDefault: string },\n  options: {\n    defaultId?: ViewSelectorProps['defaultId'];\n    appDefaultId?: ViewSelectorProps['appDefaultId'];\n  }\n) => {\n  return `${view.text} ${view.id === options.defaultId ? `(${texts.default})` : ''} ${\n    view.id === options.appDefaultId ? `(${texts.appDefault})` : ''\n  }`;\n};\n\nconst ListToolbar: FunctionComponent<ListToolbarProps & ForwardProps> = forwardRef(\n  function ListToolbar(\n    {\n      testId,\n      name,\n      headingTag = 'h3',\n      viewSelector,\n      formControlProps,\n      createNew,\n      search,\n      count,\n      additionalActions,\n      filter,\n      sort,\n      group,\n      actions,\n      actionsButtonRef,\n      ...restProps\n    }: PropsWithoutRef<ListToolbarProps>,\n    ref: ListToolbarProps['ref']\n  ) {\n    const uid = useUID();\n    const t = useI18n();\n    const testIds = useTestIds(testId, getListToolbarTestIds);\n\n    const isSmallOrAbove = useBreakpoint('sm');\n    const consolidatedActionsButtonRef = useConsolidatedRef(actionsButtonRef);\n    const toolbarContentRef = useRef<HTMLDivElement>(null);\n    const searchInputRef = useRef<HTMLInputElement>(null);\n    const searchButtonRef = useRef<HTMLButtonElement>(null);\n    const [isSearchOpen, setIsSearchOpen] = useState(!!search?.value);\n\n    const onSearchEscape = () => {\n      if (!search?.value) {\n        setIsSearchOpen(false);\n      }\n      setTimeout(() => searchButtonRef.current?.focus());\n    };\n\n    useEffect(() => {\n      if (search?.value) {\n        setIsSearchOpen(true);\n      }\n    }, [search?.value]);\n\n    const [currentQueryOptionId, setCurrentQueryOptionId] = useState<QueryOptionId | null>(null);\n    const queryOptionPopoverTarget = useRef<HTMLButtonElement>();\n\n    const [actionsQueryOptionPreset, setActionsQueryOptionPreset] =\n      useState<Pick<PresetMenuPopoverProps, 'heading' | 'menu'>>();\n    const [optionPresetMenuOpen, setOptionPresetMenuOpen] = useState(false);\n\n    const createNewButton = useMemo(() => {\n      if (!createNew?.onClick) return null;\n      const text = createNew.label ?? t('create_new');\n\n      return (\n        <Button\n          data-testid={testIds.createNew}\n          variant='simple'\n          icon\n          label={text}\n          aria-label={text}\n          onClick={createNew.onClick}\n        >\n          <Icon name='plus' />\n        </Button>\n      );\n    }, [t, createNew, isSmallOrAbove]);\n\n    useEscape(onSearchEscape, searchInputRef);\n    const searchInput = useMemo(\n      () => (\n        <SearchInput\n          data-testid={testIds.searchInput}\n          {...search}\n          onSearchSubmit={(value: string) => {\n            search?.onSearchSubmit?.(value);\n            onSearchEscape();\n          }}\n          onClick={(e: MouseEvent<HTMLInputElement>) => {\n            e.preventDefault();\n          }}\n          onBlur={() => {\n            if (!search?.value) {\n              setIsSearchOpen(false);\n            }\n          }}\n          ref={searchInputRef}\n        />\n      ),\n      [search, onSearchEscape]\n    );\n\n    const searchLabel = t('search');\n    const expandableSearch = useMemo(() => {\n      return isSearchOpen ? (\n        searchInput\n      ) : (\n        <Button\n          data-testid={testIds.searchButton}\n          variant='simple'\n          icon\n          label={searchLabel}\n          onClick={() => {\n            setIsSearchOpen(true);\n            setTimeout(() => searchInputRef.current?.focus());\n          }}\n          onKeyDown={(e: KeyboardEvent<HTMLElement>) => {\n            if (e.target !== searchInputRef.current && (e.key === 'Enter' || e.key === ' ')) {\n              setIsSearchOpen(true);\n              setTimeout(() => {\n                searchInputRef.current?.focus();\n                searchInputRef.current?.select();\n              });\n            }\n          }}\n          ref={searchButtonRef}\n        >\n          <Icon name='search' />\n        </Button>\n      );\n    }, [searchLabel, setIsSearchOpen, isSearchOpen, searchInput]);\n\n    let queryOptionPopover = null;\n    if (currentQueryOptionId) {\n      const queryOptionProps = { filter, sort, group }[currentQueryOptionId];\n      if (\n        queryOptionProps &&\n        hasProp(queryOptionProps, 'renderer') &&\n        queryOptionPopoverTarget.current\n      ) {\n        queryOptionPopover = (\n          <StyledListToolbarDialog\n            target={queryOptionPopoverTarget.current}\n            heading={t(currentQueryOptionId)}\n            placement='bottom-end'\n            onCancel={() => {\n              if (queryOptionProps.onCancel() === false) return;\n              setCurrentQueryOptionId(null);\n            }}\n            onSubmit={() => {\n              if (queryOptionProps.onSubmit() === false) return;\n              setCurrentQueryOptionId(null);\n            }}\n          >\n            <queryOptionProps.renderer {...(queryOptionProps.rendererProps || {})} />\n          </StyledListToolbarDialog>\n        );\n      }\n    }\n\n    const getQueryOptionAction = useCallback(\n      (\n        id: 'sort' | 'group' | 'filter',\n        icon: string,\n        queryOptionProps: QueryOptionDialogProps | PresetMenuProps\n      ) => {\n        return {\n          text: t(id),\n          id,\n          icon,\n          count: queryOptionProps.count,\n          onClick: () => {\n            if (hasProp(queryOptionProps, 'renderer')) {\n              setCurrentQueryOptionId(id);\n              queryOptionPopoverTarget.current = consolidatedActionsButtonRef.current ?? undefined;\n            }\n            if (hasProp(queryOptionProps, 'items')) {\n              setActionsQueryOptionPreset({\n                heading: t(id),\n                menu: {\n                  mode: queryOptionProps.mode,\n                  items: queryOptionProps.items.map(item => ({ ...item, primary: item.text })),\n                  onItemClick: queryOptionProps.onItemClick\n                }\n              });\n              setOptionPresetMenuOpen(true);\n            }\n          }\n        };\n      },\n      []\n    );\n\n    const basicModeActions = useMemo(() => {\n      let basicActions: Action[] = [];\n      if (filter) {\n        const filterAction: Action = getQueryOptionAction('filter', 'filter', filter);\n        basicActions.push(filterAction);\n      }\n      if (sort) {\n        const sortAction: Action = getQueryOptionAction('sort', 'arrow-up-down', sort);\n        basicActions.push(sortAction);\n      }\n      if (group) {\n        const groupAction: Action = getQueryOptionAction('group', 'row', group);\n        basicActions.push(groupAction);\n      }\n      if (actions) {\n        basicActions = basicActions.concat(actions);\n      }\n\n      return basicActions.length ? basicActions : undefined;\n    }, [actions, filter, sort, group, getQueryOptionAction]);\n\n    let labelText = name;\n\n    if (viewSelector) {\n      const viewItems = helpers.getViews(viewSelector.views);\n\n      if (viewItems.length > 1) {\n        const selectedViewName =\n          helpers.getSelectedView(viewSelector.views)?.text ?? viewItems[0].text;\n\n        labelText = `${name}: ${selectedViewName}`;\n      }\n    }\n\n    return (\n      <Flex data-testid={testIds.root} container {...restProps} as={StyledListToolbar} ref={ref}>\n        <StyledListToolbarContent\n          container={{ direction: 'column', pad: [0.5, 0.5, 0.5, undefined] }}\n          ref={toolbarContentRef}\n          item={{ grow: 1 }}\n        >\n          <Flex\n            container={{\n              alignItems: 'start',\n              justify: 'between',\n              gap: 0.5\n            }}\n          >\n            <StyledContainer\n              container={{\n                alignItems: 'center',\n                gap: 1\n              }}\n            >\n              <StyledHeadingText\n                data-testid={testIds.heading}\n                variant={headingTag}\n                required={formControlProps?.required}\n                aria-describedby={formControlProps?.info ? `${uid}-info` : undefined}\n              >\n                {formControlProps?.info && formControlProps.status === 'error' && (\n                  <>\n                    <StyledErrorIcon name='warn-solid' />\n                    <VisuallyHiddenText>{` ${t('error')} `}</VisuallyHiddenText>\n                  </>\n                )}\n                {!viewSelector || viewSelector.views.length <= 1 ? (\n                  labelText\n                ) : (\n                  <MenuButton\n                    data-testid={testIds.viewSelector}\n                    variant='text'\n                    text={labelText}\n                    as={StyledViewSelector}\n                    menu={{\n                      mode: 'single-select',\n                      items: viewSelector.views.map(view => {\n                        if (hasProp(view, 'items')) {\n                          return {\n                            id: view.text,\n                            label: view.text,\n                            items: view.items.map(groupedView => {\n                              return {\n                                ...groupedView,\n                                primary: generateViewName(\n                                  groupedView,\n                                  { default: t('default'), appDefault: t('app_default') },\n                                  {\n                                    defaultId: viewSelector.defaultId,\n                                    appDefaultId: viewSelector.appDefaultId\n                                  }\n                                ),\n                                visual: groupedView.visual ? (\n                                  <Avatar {...groupedView.visual} />\n                                ) : undefined\n                              };\n                            })\n                          };\n                        }\n\n                        return {\n                          ...view,\n                          primary: generateViewName(\n                            view,\n                            { default: t('default'), appDefault: t('app_default') },\n                            {\n                              defaultId: viewSelector.defaultId,\n                              appDefaultId: viewSelector.appDefaultId\n                            }\n                          ),\n                          visual: view.visual ? <Avatar {...view.visual} /> : undefined\n                        };\n                      }),\n                      onItemClick: viewSelector.onViewSelect\n                    }}\n                  />\n                )}\n              </StyledHeadingText>\n              {formControlProps?.additionalInfo && (\n                <AdditionalInfo\n                  heading={formControlProps.additionalInfo.heading}\n                  contextualLabel={labelText}\n                >\n                  {formControlProps.additionalInfo.content}\n                </AdditionalInfo>\n              )}\n              {isSmallOrAbove && count && <CountMeta data-testid={testIds.count} count={count} />}\n            </StyledContainer>\n            <Flex container={{ alignItems: 'center', gap: 1 }}>\n              {isSmallOrAbove && additionalActions}\n              {search && isSmallOrAbove && expandableSearch}\n              {isSmallOrAbove && createNewButton}\n              {isSmallOrAbove && <FullscreenButton />}\n              {isSmallOrAbove && basicModeActions && (\n                <Actions\n                  contextualLabel={name}\n                  items={basicModeActions.map(({ icon, ...restActionProps }) => ({\n                    ...restActionProps,\n                    visual: icon && <Icon name={icon} />\n                  }))}\n                  menuAt={1}\n                  ref={consolidatedActionsButtonRef}\n                />\n              )}\n              {!isSmallOrAbove && count && <CountMeta data-testid={testIds.count} count={count} />}\n            </Flex>\n          </Flex>\n          {!isSmallOrAbove && (\n            <>\n              {!!count?.selected && additionalActions}\n              <StyledSearchContainer\n                container={{ alignItems: 'start', justify: 'between', gap: 1 }}\n              >\n                <Flex\n                  as={StyledSearchForm}\n                  container={{ alignItems: 'center', wrap: 'wrap', gap: 1 }}\n                  item={{ grow: 1 }}\n                >\n                  {search && searchInput}\n                </Flex>\n                {createNewButton}\n                <FullscreenButton />\n                {basicModeActions && (\n                  <Actions\n                    contextualLabel={name}\n                    items={basicModeActions.map(({ icon, ...restActionProps }) => ({\n                      ...restActionProps,\n                      visual: icon && <Icon name={icon} />\n                    }))}\n                    menuAt={1}\n                    ref={consolidatedActionsButtonRef}\n                  />\n                )}\n              </StyledSearchContainer>\n            </>\n          )}\n          {formControlProps?.info && (\n            <StyledInfo\n              role={\n                formControlProps.status === 'error' || formControlProps.status === 'warning'\n                  ? 'alert'\n                  : undefined\n              }\n              id={`${uid}-info`}\n              data-testid={testIds.info}\n              status={formControlProps.status}\n            >\n              {formControlProps.info}\n            </StyledInfo>\n          )}\n        </StyledListToolbarContent>\n\n        {queryOptionPopover}\n\n        <PresetMenuPopover\n          buttonRef={consolidatedActionsButtonRef}\n          heading={actionsQueryOptionPreset?.heading}\n          menu={actionsQueryOptionPreset?.menu}\n          isOpen={optionPresetMenuOpen}\n          onClose={() => setOptionPresetMenuOpen(false)}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default withTestIds(ListToolbar, getListToolbarTestIds);\n"]}