@persona/design-system 0.10.6 → 0.10.8

package/dist/Modal-ziuzDCPN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-ziuzDCPN.mjs","names":["AriaModal","Button","AriaButton","Heading","AriaHeading","Card","Modal"],"sources":["../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentProps,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  Button as AriaButton,\n  Dialog,\n  DialogTrigger,\n  Heading as AriaHeading,\n  Modal as AriaModal,\n  ModalOverlay,\n  type ModalOverlayProps,\n  OverlayTriggerStateContext,\n  Pressable,\n} from 'react-aria-components';\nimport styled from 'styled-components';\n\nimport Button, { type ButtonProps } from '@persona/design-system/components/Button';\nimport Card from '@persona/design-system/components/Card';\nimport Stack, { HStack } from '@persona/design-system/components/Stack';\nimport TabBar, { Tab } from '@persona/design-system/components/TabBar';\nimport { Heading } from '@persona/design-system/components/Text';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { XIcon } from '@persona/icons';\n\nimport { usePDSStrings } from '#src/lib/i18n';\nimport { semanticColor, semanticOnly } from '#src/lib/semanticColor';\nimport useEmbeddedSurface, {\n  useEmbeddedSurfaceGate,\n  useEmbeddedSurfaceId,\n} from '#src/lib/useEmbeddedSurface';\nimport useModalInsetRight, {\n  SIDEBAR_CLOSE_TRANSITION_MS,\n  SIDEBAR_OPEN_TRANSITION_MS,\n} from '#src/lib/useModalInsetRight';\nimport { semanticScrollbar } from '#src/mixins/scrollbar';\n\nconst StyledModalOverlay = styled(ModalOverlay)<{\n  $hostPending: boolean;\n  $animationDelayMs: number;\n  $insetRight: string;\n  $transitionMs: number;\n}>`\n  @keyframes overlayShow {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  background-color: rgba(0, 0, 0, 0.5);\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: ${({ $insetRight }) => $insetRight};\n  transition: right ${({ $transitionMs }) => $transitionMs}ms ease-out;\n  animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  animation-delay: ${({ $animationDelayMs }) => $animationDelayMs}ms;\n  animation-fill-mode: both;\n  ${({ $hostPending }) =>\n    $hostPending &&\n    `\n    animation-play-state: paused;\n  `}\n  @media (prefers-reduced-motion: reduce) {\n    animation-duration: 0ms;\n    animation-delay: 0ms;\n    animation-play-state: running;\n  }\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst StyledModal = styled(AriaModal)`\n  z-index: 10001;\n  outline: none;\n  width: fit-content;\n  max-width: 100%;\n  ${semanticOnly((tokens) => `color: ${tokens.FgPrimary};`)}\n`;\n\n/**\n * React Aria keeps the overlay mounted through the exit animation, so announcing the surface from\n * here — rather than from the persistent gate below — releases the host's backdrop exactly when the\n * modal stops being painted.\n */\nconst EmbeddedSurfaceModal = forwardRef<HTMLDivElement, { children: ReactNode; surfaceId: string }>(\n  function EmbeddedSurfaceModal({ children, surfaceId }, ref) {\n    useEmbeddedSurface(surfaceId);\n    return <StyledModal ref={ref}>{children}</StyledModal>;\n  },\n);\n\ntype EmbeddedSurfaceOverlayProps = ModalOverlayProps & {\n  $insetRight: string;\n  $transitionMs: number;\n  surfaceId: string;\n};\n\nconst EmbeddedSurfaceOverlay = ({ surfaceId, ...props }: EmbeddedSurfaceOverlayProps) => {\n  const state = useContext(OverlayTriggerStateContext);\n  const isOpen = state?.isOpen ?? false;\n  const { ready, animationDelayMs } = useEmbeddedSurfaceGate(surfaceId, isOpen);\n\n  const { $insetRight, $transitionMs, ...overlayProps } = props;\n  return (\n    <StyledModalOverlay\n      {...overlayProps}\n      $insetRight={$insetRight}\n      $transitionMs={$transitionMs}\n      $animationDelayMs={animationDelayMs}\n      $hostPending={isOpen && !ready}\n    />\n  );\n};\n\nconst ModalCloseButton = styled(Button)`\n  display: inline-flex;\n  padding: ${Spacing[2]};\n  border-radius: ${Spacing[1]};\n  width: fit-content;\n  min-width: unset;\n`;\n\nconst ModalFooter = styled(HStack).attrs({\n  justify: 'flex-end',\n  align: 'center',\n  spacing: Spacing[2],\n})`\n  padding: ${Spacing[3]} ${Spacing[4]};\n  border-top: 1px solid ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\nconst ModalHeaderTitle = styled.div`\n  flex: 1;\n`;\n\nexport const ModalTrigger = DialogTrigger;\nexport const ModalContent = StyledModal;\n\nexport const ModalClose = (props: ButtonProps) => {\n  return (\n    <AriaButton slot='close' style={{ all: 'unset', display: 'contents' }}>\n      <ModalCloseButton variant='text' width='icon' size='md' {...props}>\n        <XIcon />\n      </ModalCloseButton>\n    </AriaButton>\n  );\n};\n\nexport interface ModalTitleProps {\n  children: ReactNode;\n  className?: string;\n}\n\n/** Props passed to modal content render functions. */\nexport interface ModalRenderProps {\n  /** Element that floating content should use as its portal container. */\n  portalContainer: HTMLDivElement | null;\n}\n\ntype ModalRenderable = ReactNode | ((props: ModalRenderProps) => ReactNode);\n\nconst ModalTitle = ({ children, ...props }: ModalTitleProps) => {\n  return (\n    <Heading size='sm' color='primary' as={AriaHeading} slot='title' {...props}>\n      {children}\n    </Heading>\n  );\n};\n\nconst ModalHeader = styled(HStack)<{ $hasTabs: boolean }>`\n  border-bottom: ${({ $hasTabs, theme }) =>\n    $hasTabs ? 'none' : `1px solid ${semanticColor(theme, 'BorderSubtle', Color.BorderDivider)}`};\n  padding: ${({ $hasTabs }) =>\n    $hasTabs\n      ? `${Spacing[3]} ${Spacing[2]} ${Spacing[1]} ${Spacing[4]}`\n      : `${Spacing[3]} ${Spacing[2]} ${Spacing[3]} ${Spacing[4]}`};\n`;\n\nconst ModalTabBar = styled(TabBar)`\n  padding-left: ${Spacing[4]};\n`;\n\nconst StyledDialog = styled(Dialog)`\n  outline: none;\n`;\n\nconst StyledCard = styled(Card)<{ $size?: 'auto' | 'md' | 'lg' | 'xl' | 'full' }>`\n  position: relative;\n  width: ${({ $size }) => {\n    switch ($size) {\n      case 'auto':\n        return 'auto';\n      case 'full':\n        return 'calc(100vw - 160px)';\n      default:\n        return '90vw';\n    }\n  }};\n  max-width: ${({ theme, $size }) => {\n    switch ($size) {\n      case 'auto':\n        return 'auto';\n      case 'full':\n        return 'calc(100vw - 160px)';\n      default:\n        return theme.modal.width[$size];\n    }\n  }};\n  /* TODO: Use breakpoints to make this responsive */\n  max-height: ${({ $size }) => ($size === 'full' ? 'calc(100vh - 160px)' : '85vh')};\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  ${({ $size }) =>\n    $size === 'full' &&\n    `\n    height: calc(100vh - 160px);\n  `}\n  margin-bottom: 0;\n`;\n\ninterface ModalCardProps extends ComponentPropsWithoutRef<typeof Dialog> {\n  /**\n   * Display X button to close popover\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Accessible label for the built-in close button. Defaults to the PDS closeModal string (\"Close\").\n   */\n  closeButtonLabel?: string;\n\n  /**\n   * Max width of the modal\n   */\n  size?: 'auto' | 'md' | 'lg' | 'xl' | 'full';\n\n  /**\n   * Footer content\n   */\n  footer?: ReactNode;\n\n  /**\n   * Renders tabs within the modal.\n   * Adds a tab bar and will render the contents of the selected tab in a tabpanel.\n   * Overrides `children`.\n   * Tab contents can be render functions that receive the modal portal container.\n   */\n  tabs?: TabView[];\n\n  /**\n   * Title of the modal\n   */\n  title?: ReactNode;\n\n  /**\n   * Children content\n   */\n  children?: ReactNode;\n\n  /**\n   * When true, removes horizontal and vertical padding from the body. Defaults to false.\n   */\n  noBodyPadding?: boolean;\n\n  /**\n   * Additional props for the Dialog element\n   */\n  className?: string;\n}\n\ninterface ModalCardInternalProps extends ModalCardProps {\n  portalContainer: HTMLDivElement | null;\n}\n\nconst StyledModalCardBody = styled(Card.Body)<{\n  $noPadding?: boolean;\n  $hidden?: boolean;\n}>`\n  overflow-y: auto;\n  ${semanticScrollbar}\n  flex: 1;\n  min-height: 0;\n  ${({ $noPadding }) =>\n    $noPadding\n      ? 'padding: 0;'\n      : `\n    padding-left: ${Spacing[4]};\n    padding-right: ${Spacing[4]};\n  `}\n  ${({ $hidden }) => $hidden && 'display: none;'}\n`;\n\n/**\n * Card to be used in Modal contexts. Inherits props from react-aria-components Dialog.\n */\nconst ModalCard = forwardRef<HTMLDivElement, ModalCardInternalProps>(function ModalCard(\n  {\n    title,\n    children,\n    showCloseButton = true,\n    closeButtonLabel,\n    size,\n    footer,\n    tabs,\n    noBodyPadding = false,\n    portalContainer,\n    ...props\n  },\n  ref,\n) {\n  const strings = usePDSStrings();\n  const [selectedTabIdx, setSelectedTabIdx] = useState(0);\n  const tabCount = tabs?.length ?? 0;\n\n  useEffect(() => {\n    setSelectedTabIdx(0);\n  }, [tabCount]);\n\n  const titleAndClose = (\n    <ModalHeader justify='flex-start' align='center' spacing={Spacing[2]} $hasTabs={Boolean(tabs)}>\n      <ModalHeaderTitle>{title ? <ModalTitle>{title}</ModalTitle> : null}</ModalHeaderTitle>\n      {showCloseButton && <ModalClose aria-label={closeButtonLabel ?? strings.closeModal} />}\n    </ModalHeader>\n  );\n\n  const modalHeader = tabs ? (\n    <Stack>\n      {titleAndClose}\n      <ModalTabBar>\n        {tabs.map((tab, idx) => (\n          <Tab\n            key={tab.name}\n            selected={selectedTabIdx === idx}\n            id={`pds-modal_tab-${idx}`}\n            onClick={() => setSelectedTabIdx(idx)}\n            aria-controls={`pds-modal_tab-panel-${idx}`}\n          >\n            {tab.name}\n          </Tab>\n        ))}\n      </ModalTabBar>\n    </Stack>\n  ) : (\n    titleAndClose\n  );\n\n  return (\n    <StyledDialog {...props} ref={ref}>\n      <StyledCard elevated $size={size}>\n        {(showCloseButton || title) && modalHeader}\n        {tabs ? (\n          tabs.map((tab, idx) => (\n            <StyledModalCardBody\n              key={tab.name}\n              $noPadding={noBodyPadding}\n              $hidden={selectedTabIdx !== idx}\n              role={tabs ? 'tabpanel' : undefined}\n              id={`pds-modal_tab-panel-${tab.name}`}\n              aria-labelledby={`pds-modal_tab-${tab.name}`}\n            >\n              {typeof tab.contents === 'function'\n                ? tab.contents({ portalContainer })\n                : tab.contents}\n            </StyledModalCardBody>\n          ))\n        ) : (\n          <StyledModalCardBody\n            $noPadding={noBodyPadding}\n            role={tabs ? 'tabpanel' : undefined}\n            id={`pds-modal_tab-panel-${selectedTabIdx}`}\n            aria-labelledby={`pds-modal_tab-${selectedTabIdx}`}\n          >\n            {children}\n          </StyledModalCardBody>\n        )}\n\n        {footer && <ModalFooter>{footer}</ModalFooter>}\n      </StyledCard>\n    </StyledDialog>\n  );\n});\n\ninterface TabView {\n  name: string;\n  contents: ModalRenderable;\n  badge?: React.ReactElement;\n  disabled?: boolean;\n  'data-tour-target'?: string;\n}\n\nexport interface ModalProps {\n  /**\n   * Title of the Card\n   */\n  title?: string;\n\n  /**\n   * Component to use as trigger. React Aria trigger props will be merged with this element.\n   */\n  trigger?: ComponentProps<typeof Pressable>['children'];\n\n  /**\n   * Props to apply to Modal.Card within\n   */\n  contentProps?: ModalCardProps;\n\n  /**\n   * Max width of the modal\n   */\n  size?: 'auto' | 'md' | 'lg' | 'xl' | 'full';\n\n  /**\n   * Footer section intended for actions.\n   * You can pass in Buttons directly and they will render in a HStack.\n   */\n  footer?: ReactNode;\n\n  /**\n   * Renders tabs within the modal.\n   * Adds a tab bar and will render the contents of the selected tab in a tabpanel.\n   * Overrides `children`.\n   */\n  tabs?: TabView[];\n\n  /**\n   * Children content\n   */\n  children?: ModalRenderable;\n\n  /**\n   * When true, removes horizontal and vertical padding from the body. Defaults to false.\n   * Can also be set via contentProps.noBodyPadding.\n   */\n  noBodyPadding?: boolean;\n\n  /**\n   * Controls whether the modal is open (controlled)\n   */\n  open?: boolean;\n\n  /**\n   * Default open state (uncontrolled)\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Handler called when open state changes\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n\n  /**\n   * Whether the modal can be dismissed by clicking outside or pressing escape\n   */\n  isDismissable?: boolean;\n\n  /**\n   * Whether pressing the escape key closes the modal\n   */\n  isKeyboardDismissDisabled?: boolean;\n}\n\nconst Modal = ({\n  children,\n  trigger,\n  contentProps,\n  noBodyPadding = false,\n  size = 'md',\n  title,\n  footer,\n  tabs,\n  defaultOpen,\n  onOpenChange,\n  isDismissable = false,\n  isKeyboardDismissDisabled = false,\n  open,\n}: ModalProps) => {\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null);\n  const surfaceId = useEmbeddedSurfaceId();\n  const { insetRight: modalInsetRight, panelState } = useModalInsetRight();\n  const transitionMs =\n    panelState === 'opening'\n      ? SIDEBAR_OPEN_TRANSITION_MS\n      : panelState === 'closing'\n        ? SIDEBAR_CLOSE_TRANSITION_MS\n        : 0;\n\n  const content = (\n    <ModalCard\n      size={size}\n      title={title}\n      footer={footer}\n      tabs={tabs}\n      noBodyPadding={noBodyPadding}\n      {...contentProps}\n      portalContainer={portalContainer}\n    >\n      {typeof children === 'function' ? children({ portalContainer }) : children}\n    </ModalCard>\n  );\n\n  // Wrap trigger element to ensure it works with react-aria-components\n  const wrappedTrigger = trigger ? <Pressable>{trigger}</Pressable> : null;\n\n  return (\n    <DialogTrigger isOpen={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {wrappedTrigger}\n      <EmbeddedSurfaceOverlay\n        surfaceId={surfaceId}\n        $insetRight={modalInsetRight}\n        $transitionMs={transitionMs}\n        isDismissable={isDismissable}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        shouldCloseOnInteractOutside={(element) => !element.closest('[data-react-aria-top-layer]')}\n      >\n        <EmbeddedSurfaceModal ref={setPortalContainer} surfaceId={surfaceId}>\n          {content}\n        </EmbeddedSurfaceModal>\n      </EmbeddedSurfaceOverlay>\n    </DialogTrigger>\n  );\n};\n\nexport default Object.assign(Modal, {\n  Title: ModalTitle,\n});\n"],"mappings":"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"}

package/dist/i18n-CKRi992F.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n-CKRi992F.mjs","names":[],"sources":["../src/lib/i18n/strings.ts","../src/lib/i18n/I18nContext.tsx","../src/lib/i18n/formatDateTime.ts"],"sourcesContent":["/**\n * Built-in, user-visible copy rendered by PDS components.\n *\n * Every key has an English default in `DEFAULT_COMMON_STRINGS`. Hosts translate by passing\n * overrides to `PDSProvider`'s `strings` prop; any key they omit keeps its English default.\n * Function-valued keys take the interpolated values (counts, names, labels) as arguments.\n *\n * Key names line up with the `CommonStringOverrides` tables that\n * `@persona-id/persona-dashboard-app` ships (`useCommonStrings()`), so a dashboard can pass\n * those tables straight through.\n */\ntype Arg = string | number;\n\nexport interface CommonStrings {\n  // --- Modal ------------------------------------------------------------------------------\n  closeModal: string;\n\n  // --- DataTable --------------------------------------------------------------------------\n  noResults: string;\n  noResultsTryFilters: string;\n  noColumnsConfigured: string;\n  selectAll: string;\n  selectAllOf: (header: Arg) => string;\n  selectRow: (rowId: Arg) => string;\n  selectRowForColumn: (columnHeader: Arg, rowId: Arg) => string;\n  clearSelection: string;\n  selectedItems: (count: Arg) => string;\n  noImage: string;\n  viewRowActions: (rowNumber: Arg) => string;\n\n  // --- Pagination -------------------------------------------------------------------------\n  pagination: string;\n  itemsPerPage: string;\n  showingItems: (firstItem: Arg, lastItem: Arg, totalItems: Arg) => string;\n  /**\n   * Totals phrase rendered right after the current page (the go-to-page input, or the page number\n   * as text), e.g. `of 3 pages` in `[1] of 3 pages`. Return only that phrase: the current page is\n   * already on screen, so do not interpolate `currentPage` into the result. It is passed only for\n   * languages whose wording depends on it. `totalPages` is `many` when the total is unknown.\n   */\n  pageCount: (currentPage: Arg, totalPages: Arg) => string;\n  /** Stands in for an unknown total (\"of many pages\") when the server only knows a lower bound. */\n  many: string;\n  /**\n   * A total known only as a minimum, e.g. `13+` in `of 13+ pages` or `650+` in `of 650+ items`.\n   * Rendered in place of `totalPages` and `totalItems` when the pager's total is a lower bound.\n   */\n  atLeast: (count: Arg) => string;\n  goToPageNumber: string;\n  previousPage: string;\n  nextPage: string;\n  previousShort: string;\n  next: string;\n\n  // --- Column configuration (table properties gear) --------------------------------------\n  tableProperties: string;\n  configureViewPermissionDenied: string;\n  configureColumns: string;\n  searchColumns: string;\n  shownColumns: string;\n  hiddenColumns: string;\n  noMatchingColumns: string;\n  showColumn: (label: Arg) => string;\n  hideColumn: (label: Arg) => string;\n\n  // --- Saved views (control bar tabs) -----------------------------------------------------\n  defaultView: string;\n  saveView: string;\n  saveCurrentView: string;\n  addNewView: string;\n  searchViews: string;\n  moreViews: (count: Arg) => string;\n  duplicateView: string;\n  resetView: string;\n  saveViewMenuItem: string;\n  setAsDefaultView: string;\n  unsetDefaultView: string;\n  setDefaultViewTitle: string;\n  setDefaultViewConfirmation: (viewName: Arg) => string;\n  unsetDefaultViewTitle: string;\n  unsetDefaultViewConfirmation: (viewName: Arg) => string;\n  showView: string;\n  hideView: string;\n  hideViewTitle: string;\n  hideViewNamed: (viewName: Arg) => string;\n  delete: string;\n  cancel: string;\n  deleteViewTitle: string;\n  deleteViewConfirmation: (viewName: Arg) => string;\n  showFilters: string;\n  hideFilters: string;\n  showSearchBar: string;\n\n  // --- Config-driven TableControls filters -----------------------------------------------\n  filterType: string;\n  filterActions: string;\n  selectFilterOption: string;\n  selectFilterType: string;\n  deleteFilter: string;\n  addFilter: string;\n  filterGroupLabel: (filterName: Arg) => string;\n\n  // --- Filters V2: bar, pills and field picker -------------------------------------------\n  filterBar: string;\n  filter: string;\n  filterFieldPicker: string;\n  fields: string;\n  editFilter: (description: Arg) => string;\n  removeFilter: (description: Arg) => string;\n  editFilterFor: (fieldLabel: Arg) => string;\n  additionalValues: string;\n  operator: string;\n  groupCount: (count: Arg) => string;\n  booleanTrue: string;\n  booleanFalse: string;\n  booleanValue: string;\n  fieldValue: (fieldLabel: Arg) => string;\n  applyFilter: string;\n  selectAnOptionPlaceholder: string;\n  enterAValue: string;\n  enterANumber: string;\n  searchPlaceholder: string;\n  noMatches: string;\n\n  // --- Filters V2: advanced rules builder -------------------------------------------------\n  rules: string;\n  rulesWithCount: (count: Arg) => string;\n  advancedFilterRules: string;\n  conditionIf: string;\n  conditionAnd: string;\n  conditionOr: string;\n  editStatement: (condition: Arg) => string;\n  clearAll: string;\n  deleteGroup: string;\n  filterGroup: (groupNumber: Arg) => string;\n  moreActionsForFilterGroup: (groupNumber: Arg) => string;\n  addRuleToFilterGroup: (groupNumber: Arg) => string;\n  noRulesYet: string;\n  rulesInGroup: (groupNumber: Arg) => string;\n  orGroup: string;\n  field: string;\n  value: string;\n  selectField: string;\n  fieldForRule: (ruleNumber: Arg, groupNumber: Arg) => string;\n  operatorForRule: (ruleNumber: Arg, groupNumber: Arg) => string;\n\n  // --- Filters V2: operator labels --------------------------------------------------------\n  operatorIs: string;\n  operatorIsNot: string;\n  operatorContains: string;\n  operatorDoesNotContain: string;\n  operatorIsEmpty: string;\n  operatorIsNotEmpty: string;\n  operatorIsTrue: string;\n  operatorIsFalse: string;\n  operatorBefore: string;\n  operatorAfter: string;\n  operatorBetween: string;\n  operatorIsAnyOf: string;\n  operatorIsNoneOf: string;\n  operatorGreaterThan: string;\n  operatorGreaterThanOrEqual: string;\n  operatorLessThan: string;\n  operatorLessThanOrEqual: string;\n  /** Numeric (`integer` / `float`) field operators, e.g. \"Members is equal to 5\". */\n  operatorIsEqualTo: string;\n  operatorIsGreaterThan: string;\n  operatorIsLessThan: string;\n}\n\nexport type CommonStringKey = keyof CommonStrings;\n\n/** A single override value: plain copy, or a formatter for keys that interpolate. */\nexport type CommonStringValue = string | ((...args: Arg[]) => string);\n\n/**\n * What `PDSProvider` accepts. Deliberately loose (any string key, string or formatter value) so a\n * host's translation table can be passed through untyped; values whose kind does not match the\n * default (a string where a formatter is expected, or vice versa) are ignored.\n */\nexport type CommonStringOverrides = Readonly<Record<string, CommonStringValue | undefined>>;\n\nexport const DEFAULT_COMMON_STRINGS: Readonly<CommonStrings> = {\n  closeModal: 'Close',\n\n  noResults: 'No results found.',\n  noResultsTryFilters: 'No results found. Try changing your filters.',\n  noColumnsConfigured: 'No columns configured',\n  selectAll: 'Select all',\n  selectAllOf: (header) => `Select all ${header}`,\n  selectRow: (rowId) => `Select row ${rowId}`,\n  selectRowForColumn: (columnHeader, rowId) => `${columnHeader} for row ${rowId}`,\n  clearSelection: 'Clear selection',\n  selectedItems: (count) => `${count} selected`,\n  noImage: 'No image',\n  viewRowActions: (rowNumber) => `View actions for row ${rowNumber}`,\n\n  pagination: 'pagination',\n  itemsPerPage: 'Items per page:',\n  showingItems: (firstItem, lastItem, totalItems) =>\n    `Showing ${firstItem}-${lastItem} of ${totalItems} items`,\n  pageCount: (_currentPage, totalPages) => `of ${totalPages} pages`,\n  many: 'many',\n  atLeast: (count) => `${count}+`,\n  goToPageNumber: 'Go to page number',\n  previousPage: 'Previous page',\n  nextPage: 'Next page',\n  previousShort: 'Prev',\n  next: 'Next',\n\n  tableProperties: 'Table Properties',\n  configureViewPermissionDenied: 'Your role does not have permission to configure the view.',\n  configureColumns: 'Configure columns',\n  searchColumns: 'Search by item...',\n  shownColumns: 'Shown attributes',\n  hiddenColumns: 'Hidden attributes',\n  noMatchingColumns: 'No matching attributes',\n  showColumn: (label) => `Show ${label}`,\n  hideColumn: (label) => `Hide ${label}`,\n\n  defaultView: 'Default view',\n  saveView: 'Save view',\n  saveCurrentView: 'Save current view',\n  addNewView: 'Add new view',\n  searchViews: 'Search for a view...',\n  moreViews: (count) => `${count} more\\u2026`,\n  duplicateView: 'Duplicate',\n  resetView: 'Reset',\n  saveViewMenuItem: 'Save',\n  setAsDefaultView: 'Set as default',\n  unsetDefaultView: 'Unset default',\n  setDefaultViewTitle: 'Set as default view?',\n  setDefaultViewConfirmation: (viewName) =>\n    `This will change the default view for your entire organization. Everyone will see \\u201c${viewName}\\u201d when they open this table without a view selected.`,\n  unsetDefaultViewTitle: 'Unset default view?',\n  unsetDefaultViewConfirmation: (viewName) =>\n    `This will change the default view for your entire organization. Everyone will see the built-in default view instead of \\u201c${viewName}\\u201d.`,\n  showView: 'Show',\n  hideView: 'Hide',\n  hideViewTitle: 'Hide view',\n  hideViewNamed: (viewName) => `Hide ${viewName}`,\n  delete: 'Delete',\n  cancel: 'Cancel',\n  deleteViewTitle: 'Delete view?',\n  deleteViewConfirmation: (viewName) =>\n    `This will permanently delete \\u201c${viewName}\\u201d. This action cannot be undone.`,\n  showFilters: 'Show filters',\n  hideFilters: 'Hide filters',\n  showSearchBar: 'Show search bar',\n\n  filterType: 'Filter type',\n  filterActions: 'Filter actions',\n  selectFilterOption: 'Select...',\n  selectFilterType: 'Select filter type',\n  deleteFilter: 'Delete filter',\n  addFilter: 'Add filter',\n  filterGroupLabel: (filterName) => `${filterName} filter`,\n\n  filterBar: 'Filter bar',\n  filter: 'Filter',\n  filterFieldPicker: 'Filter field picker',\n  fields: 'Fields',\n  editFilter: (description) => `Edit filter: ${description}`,\n  removeFilter: (description) => `Remove filter: ${description}`,\n  editFilterFor: (fieldLabel) => `Edit filter for ${fieldLabel}`,\n  additionalValues: 'Additional values',\n  operator: 'Operator',\n  groupCount: (count) => `${count} group${Number(count) === 1 ? '' : 's'}`,\n  booleanTrue: 'True',\n  booleanFalse: 'False',\n  booleanValue: 'Boolean value',\n  fieldValue: (fieldLabel) => `${fieldLabel} value`,\n  applyFilter: 'Apply filter',\n  selectAnOptionPlaceholder: 'Select an option',\n  enterAValue: 'Enter a value',\n  enterANumber: 'Enter a number',\n  searchPlaceholder: 'Search',\n  noMatches: 'No matches',\n\n  rules: 'Rules',\n  rulesWithCount: (count) => `Rules ${count}`,\n  advancedFilterRules: 'Advanced filter rules',\n  conditionIf: 'If',\n  conditionAnd: 'And',\n  conditionOr: 'Or',\n  editStatement: (condition) => `Edit \\u2018${condition}\\u2019 statement`,\n  clearAll: 'Clear all',\n  deleteGroup: 'Delete group',\n  filterGroup: (groupNumber) => `Filter group ${groupNumber}`,\n  moreActionsForFilterGroup: (groupNumber) => `More actions for filter group ${groupNumber}`,\n  addRuleToFilterGroup: (groupNumber) => `Add rule to filter group ${groupNumber}`,\n  noRulesYet: 'No rules yet',\n  rulesInGroup: (groupNumber) => `Rules in group ${groupNumber}`,\n  orGroup: 'Or group',\n  field: 'Field',\n  value: 'Value',\n  selectField: 'Select field',\n  fieldForRule: (ruleNumber, groupNumber) => `Field for rule ${ruleNumber} in group ${groupNumber}`,\n  operatorForRule: (ruleNumber, groupNumber) =>\n    `Operator for rule ${ruleNumber} in group ${groupNumber}`,\n\n  operatorIs: 'is',\n  operatorIsNot: 'is not',\n  operatorContains: 'contains',\n  operatorDoesNotContain: 'does not contain',\n  operatorIsEmpty: 'is empty',\n  operatorIsNotEmpty: 'is not empty',\n  operatorIsTrue: 'is true',\n  operatorIsFalse: 'is false',\n  operatorBefore: 'before',\n  operatorAfter: 'after',\n  operatorBetween: 'is between',\n  operatorIsAnyOf: 'is any of',\n  operatorIsNoneOf: 'is none of',\n  operatorGreaterThan: '>',\n  operatorGreaterThanOrEqual: '≥',\n  operatorLessThan: '<',\n  operatorLessThanOrEqual: '≤',\n  operatorIsEqualTo: 'is equal to',\n  operatorIsGreaterThan: 'is greater than',\n  operatorIsLessThan: 'is less than',\n};\n\n/**\n * Layer `overrides` on top of `base`. A value only replaces the base entry when it has the same\n * kind (string vs. formatter), so a mistyped override can never crash a render.\n */\nexport function resolveCommonStrings(\n  overrides: CommonStringOverrides | undefined,\n  base: Readonly<CommonStrings> = DEFAULT_COMMON_STRINGS,\n): CommonStrings {\n  const resolved = { ...base } as Record<CommonStringKey, CommonStringValue>;\n  if (!overrides) {\n    return resolved as unknown as CommonStrings;\n  }\n  (Object.keys(base) as CommonStringKey[]).forEach((key) => {\n    const override = Object.prototype.hasOwnProperty.call(overrides, key)\n      ? overrides[key]\n      : undefined;\n    if (override != null && typeof override === typeof base[key]) {\n      resolved[key] = override;\n    }\n  });\n  return resolved as unknown as CommonStrings;\n}\n","import { createContext, useContext, useMemo, type FC, type PropsWithChildren } from 'react';\n\nimport {\n  DEFAULT_COMMON_STRINGS,\n  resolveCommonStrings,\n  type CommonStringOverrides,\n  type CommonStrings,\n} from './strings';\n\ninterface PDSI18nContextValue {\n  strings: CommonStrings;\n  locale: string | undefined;\n}\n\nconst PDSI18nContext = createContext<PDSI18nContextValue>({\n  strings: DEFAULT_COMMON_STRINGS,\n  locale: undefined,\n});\n\nexport interface PDSI18nProviderProps {\n  /** Overrides for built-in copy; omitted keys inherit from an outer provider, then English. */\n  strings?: CommonStringOverrides;\n  /** BCP 47 locale for date/time formatting; inherits from an outer provider when omitted. */\n  locale?: string;\n}\n\n/**\n * Supplies translated built-in copy and the active locale to PDS components. `PDSProvider`\n * always renders this; use it directly only to override a subtree.\n */\nexport const PDSI18nProvider: FC<PropsWithChildren<PDSI18nProviderProps>> = ({\n  strings,\n  locale,\n  children,\n}) => {\n  const parent = useContext(PDSI18nContext);\n  const value = useMemo(\n    () => ({\n      strings: strings ? resolveCommonStrings(strings, parent.strings) : parent.strings,\n      locale: locale ?? parent.locale,\n    }),\n    [parent, strings, locale],\n  );\n  return <PDSI18nContext.Provider value={value}>{children}</PDSI18nContext.Provider>;\n};\n\n/** Built-in copy for the current locale (English unless a provider supplied overrides). */\nexport function usePDSStrings(): CommonStrings {\n  return useContext(PDSI18nContext).strings;\n}\n\n/** The locale supplied to `PDSProvider`, or `undefined` when the host has not set one. */\nexport function usePDSLocale(): string | undefined {\n  return useContext(PDSI18nContext).locale;\n}\n","import { DateTime, type DateTimeFormatOptions } from 'luxon';\n\n/** Luxon medium date, e.g. \"Oct 5, 2011\". */\nexport const LEGACY_DATE_FORMAT = 'DD';\n/** e.g. \"Oct 5, 2011 2:48 PM\". */\nexport const LEGACY_DATETIME_FORMAT = 'MMM d, yyyy h:mm a';\n/** Short time zone name, e.g. \"EDT\" (en-US) or \"HAE\" (fr-CA). */\nconst TIME_ZONE_TOKEN = 'ZZZZ';\n\n/**\n * Whether `locale` keeps PDS's historical English token formats. No locale (a host that has not\n * opted in) and US English render exactly as before; every other locale gets `Intl` presets so\n * the day/month order, month names, 24-hour clock and separators follow the locale.\n */\nexport function usesLegacyDateFormat(locale: string | undefined): boolean {\n  if (!locale) {\n    return true;\n  }\n  const normalized = locale.toLowerCase().replace('_', '-');\n  return normalized === 'en' || normalized === 'en-us';\n}\n\nexport interface FormatDateTimeOptions {\n  /** BCP 47 locale, usually from `usePDSLocale()`. */\n  locale?: string;\n  /** Explicit Luxon `toFormat` tokens; month/day names still localize when a locale is set. */\n  format?: string;\n  /** Append the short time zone name, localized (\"EDT\" in en-US, \"HAE\" in fr-CA). */\n  showTimeZone?: boolean;\n}\n\nfunction withLocale(dateTime: DateTime, locale: string | undefined): DateTime {\n  return locale ? dateTime.setLocale(locale) : dateTime;\n}\n\nfunction format(\n  dateTime: DateTime,\n  legacyFormat: string,\n  preset: DateTimeFormatOptions,\n  { locale, format: explicitFormat, showTimeZone }: FormatDateTimeOptions,\n): string {\n  const localized = withLocale(dateTime, locale);\n  if (explicitFormat || usesLegacyDateFormat(locale)) {\n    const formatted = localized.toFormat(explicitFormat ?? legacyFormat);\n    return showTimeZone ? `${formatted} ${localized.toFormat(TIME_ZONE_TOKEN)}` : formatted;\n  }\n  return localized.toLocaleString(showTimeZone ? { ...preset, timeZoneName: 'short' } : preset);\n}\n\n/** Format a calendar date for display (\"Oct 5, 2011\" / \"5 oct. 2011\"). */\nexport function formatDate(dateTime: DateTime, options: FormatDateTimeOptions = {}): string {\n  return format(dateTime, LEGACY_DATE_FORMAT, DateTime.DATE_MED, options);\n}\n\n/** Format a date and time for display (\"Oct 5, 2011 2:48 PM\" / \"5 oct. 2011, 14 h 48\"). */\nexport function formatDateTime(dateTime: DateTime, options: FormatDateTimeOptions = {}): string {\n  return format(dateTime, LEGACY_DATETIME_FORMAT, DateTime.DATETIME_MED, options);\n}\n\n/** The short time zone name for `dateTime`'s zone in `locale` (\"EDT\" / \"HAE\"). */\nexport function formatTimeZoneName(dateTime: DateTime, locale?: string): string {\n  return withLocale(dateTime, locale).toFormat(TIME_ZONE_TOKEN);\n}\n"],"mappings":";;;;AAsLA,MAAa,yBAAkD;CAC7D,YAAY;CAEZ,WAAW;CACX,qBAAqB;CACrB,qBAAqB;CACrB,WAAW;CACX,cAAc,WAAW,cAAc;CACvC,YAAY,UAAU,cAAc;CACpC,qBAAqB,cAAc,UAAU,GAAG,aAAa,WAAW;CACxE,gBAAgB;CAChB,gBAAgB,UAAU,GAAG,MAAM;CACnC,SAAS;CACT,iBAAiB,cAAc,wBAAwB;CAEvD,YAAY;CACZ,cAAc;CACd,eAAe,WAAW,UAAU,eAClC,WAAW,UAAU,GAAG,SAAS,MAAM,WAAW;CACpD,YAAY,cAAc,eAAe,MAAM,WAAW;CAC1D,MAAM;CACN,UAAU,UAAU,GAAG,MAAM;CAC7B,gBAAgB;CAChB,cAAc;CACd,UAAU;CACV,eAAe;CACf,MAAM;CAEN,iBAAiB;CACjB,+BAA+B;CAC/B,kBAAkB;CAClB,eAAe;CACf,cAAc;CACd,eAAe;CACf,mBAAmB;CACnB,aAAa,UAAU,QAAQ;CAC/B,aAAa,UAAU,QAAQ;CAE/B,aAAa;CACb,UAAU;CACV,iBAAiB;CACjB,YAAY;CACZ,aAAa;CACb,YAAY,UAAU,GAAG,MAAM;CAC/B,eAAe;CACf,WAAW;CACX,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,qBAAqB;CACrB,6BAA6B,aAC3B,2FAA2F,SAAS;CACtG,uBAAuB;CACvB,+BAA+B,aAC7B,gIAAgI,SAAS;CAC3I,UAAU;CACV,UAAU;CACV,eAAe;CACf,gBAAgB,aAAa,QAAQ;CACrC,QAAQ;CACR,QAAQ;CACR,iBAAiB;CACjB,yBAAyB,aACvB,sCAAsC,SAAS;CACjD,aAAa;CACb,aAAa;CACb,eAAe;CAEf,YAAY;CACZ,eAAe;CACf,oBAAoB;CACpB,kBAAkB;CAClB,cAAc;CACd,WAAW;CACX,mBAAmB,eAAe,GAAG,WAAW;CAEhD,WAAW;CACX,QAAQ;CACR,mBAAmB;CACnB,QAAQ;CACR,aAAa,gBAAgB,gBAAgB;CAC7C,eAAe,gBAAgB,kBAAkB;CACjD,gBAAgB,eAAe,mBAAmB;CAClD,kBAAkB;CAClB,UAAU;CACV,aAAa,UAAU,GAAG,MAAM,QAAQ,OAAO,MAAM,KAAK,IAAI,KAAK;CACnE,aAAa;CACb,cAAc;CACd,cAAc;CACd,aAAa,eAAe,GAAG,WAAW;CAC1C,aAAa;CACb,2BAA2B;CAC3B,aAAa;CACb,cAAc;CACd,mBAAmB;CACnB,WAAW;CAEX,OAAO;CACP,iBAAiB,UAAU,SAAS;CACpC,qBAAqB;CACrB,aAAa;CACb,cAAc;CACd,aAAa;CACb,gBAAgB,cAAc,cAAc,UAAU;CACtD,UAAU;CACV,aAAa;CACb,cAAc,gBAAgB,gBAAgB;CAC9C,4BAA4B,gBAAgB,iCAAiC;CAC7E,uBAAuB,gBAAgB,4BAA4B;CACnE,YAAY;CACZ,eAAe,gBAAgB,kBAAkB;CACjD,SAAS;CACT,OAAO;CACP,OAAO;CACP,aAAa;CACb,eAAe,YAAY,gBAAgB,kBAAkB,WAAW,YAAY;CACpF,kBAAkB,YAAY,gBAC5B,qBAAqB,WAAW,YAAY;CAE9C,YAAY;CACZ,eAAe;CACf,kBAAkB;CAClB,wBAAwB;CACxB,iBAAiB;CACjB,oBAAoB;CACpB,gBAAgB;CAChB,iBAAiB;CACjB,gBAAgB;CAChB,eAAe;CACf,iBAAiB;CACjB,iBAAiB;CACjB,kBAAkB;CAClB,qBAAqB;CACrB,4BAA4B;CAC5B,kBAAkB;CAClB,yBAAyB;CACzB,mBAAmB;CACnB,uBAAuB;CACvB,oBAAoB;CACrB;;;;;AAMD,SAAgB,qBACd,WACA,OAAgC,wBACjB;CACf,MAAM,WAAW,EAAE,GAAG,MAAM;AAC5B,KAAI,CAAC,UACH,QAAO;AAER,QAAO,KAAK,KAAK,CAAuB,SAAS,QAAQ;EACxD,MAAM,WAAW,OAAO,UAAU,eAAe,KAAK,WAAW,IAAI,GACjE,UAAU,OACV,KAAA;AACJ,MAAI,YAAY,QAAQ,OAAO,aAAa,OAAO,KAAK,KACtD,UAAS,OAAO;GAElB;AACF,QAAO;;;;ACzUT,MAAM,iBAAiB,cAAmC;CACxD,SAAS;CACT,QAAQ,KAAA;CACT,CAAC;;;;;AAaF,MAAa,mBAAgE,EAC3E,SACA,QACA,eACI;CACJ,MAAM,SAAS,WAAW,eAAe;CACzC,MAAM,QAAQ,eACL;EACL,SAAS,UAAU,qBAAqB,SAAS,OAAO,QAAQ,GAAG,OAAO;EAC1E,QAAQ,UAAU,OAAO;EAC1B,GACD;EAAC;EAAQ;EAAS;EAAO,CAC1B;AACD,QAAO,oBAAC,eAAe,UAAhB;EAAgC;EAAQ;EAAmC,CAAA;;;AAIpF,SAAgB,gBAA+B;AAC7C,QAAO,WAAW,eAAe,CAAC;;;AAIpC,SAAgB,eAAmC;AACjD,QAAO,WAAW,eAAe,CAAC;;;;;AClDpC,MAAa,qBAAqB;;AAElC,MAAa,yBAAyB;;AAEtC,MAAM,kBAAkB;;;;;;AAOxB,SAAgB,qBAAqB,QAAqC;AACxE,KAAI,CAAC,OACH,QAAO;CAET,MAAM,aAAa,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;AACzD,QAAO,eAAe,QAAQ,eAAe;;AAY/C,SAAS,WAAW,UAAoB,QAAsC;AAC5E,QAAO,SAAS,SAAS,UAAU,OAAO,GAAG;;AAG/C,SAAS,OACP,UACA,cACA,QACA,EAAE,QAAQ,QAAQ,gBAAgB,gBAC1B;CACR,MAAM,YAAY,WAAW,UAAU,OAAO;AAC9C,KAAI,kBAAkB,qBAAqB,OAAO,EAAE;EAClD,MAAM,YAAY,UAAU,SAAS,kBAAkB,aAAa;AACpE,SAAO,eAAe,GAAG,UAAU,GAAG,UAAU,SAAS,gBAAgB,KAAK;;AAEhF,QAAO,UAAU,eAAe,eAAe;EAAE,GAAG;EAAQ,cAAc;EAAS,GAAG,OAAO;;;AAI/F,SAAgB,WAAW,UAAoB,UAAiC,EAAE,EAAU;AAC1F,QAAO,OAAO,UAAA,MAA8B,SAAS,UAAU,QAAQ;;;AAIzE,SAAgB,eAAe,UAAoB,UAAiC,EAAE,EAAU;AAC9F,QAAO,OAAO,UAAU,wBAAwB,SAAS,cAAc,QAAQ;;;AAIjF,SAAgB,mBAAmB,UAAoB,QAAyB;AAC9E,QAAO,WAAW,UAAU,OAAO,CAAC,SAAS,gBAAgB"}