@vuu-ui/vuu-table-extras 2.1.17 → 2.1.18

package/esm/column-expression-input/useColumnExpressionEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnExpressionEditor.js","sources":["../../../../packages/vuu-table-extras/src/column-expression-input/useColumnExpressionEditor.ts"],"sourcesContent":["import {\n  autocompletion,\n  Completion,\n  defaultKeymap,\n  EditorState,\n  EditorView,\n  ensureSyntaxTree,\n  keymap,\n  minimalSetup,\n  startCompletion,\n} from \"@vuu-ui/vuu-codemirror\";\nimport { createEl } from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEventHandler,\n  MutableRefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { columnExpressionLanguageSupport } from \"./column-language-parser\";\nimport {\n  ColumnDefinitionExpression,\n  walkTree,\n} from \"./column-language-parser/ColumnExpressionTreeWalker\";\nimport { ColumnExpressionInputProps } from \"./ColumnExpressionInput\";\nimport { vuuHighlighting } from \"./highlighting\";\nimport { vuuTheme } from \"./theme\";\nimport {\n  ApplyCompletion,\n  useColumnAutoComplete,\n} from \"./useColumnAutoComplete\";\n\nexport type ColumnExpressionOperator = \"Times\" | \"Divide\" | \"Minus\" | \"Plus\";\n\nexport type ColumnExpressionSuggestionType =\n  | \"column\"\n  | \"columnValue\"\n  | \"expression\"\n  | \"condition-operator\"\n  | \"operator\"\n  | \"relational-operator\";\n\nexport type ColumnExpressionSuggestionOptions = {\n  columnName?: string;\n  functionName?: string;\n  operator?: ColumnExpressionOperator;\n  prefix?: string;\n  startsWith?: string;\n  selection?: string[];\n};\n\n// TODO move this somewhere neutral\nexport interface IExpressionSuggestionProvider {\n  getSuggestions: (\n    valueType: ColumnExpressionSuggestionType,\n    options?: ColumnExpressionSuggestionOptions,\n  ) => Promise<Completion[]>;\n  isPartialMatch: (\n    valueType: ColumnExpressionSuggestionType,\n    columnName?: string,\n    text?: string | undefined,\n  ) => Promise<boolean>;\n}\n\nexport interface ExpressionSuggestionConsumer {\n  suggestionProvider: IExpressionSuggestionProvider;\n}\n\nconst getView = (ref: MutableRefObject<EditorView | undefined>): EditorView => {\n  if (ref.current == undefined) {\n    throw Error(\"EditorView not defined\");\n  }\n  return ref.current;\n};\n\nconst getOptionClass = (/*completion: Completion*/) => {\n  return \"vuuSuggestion\";\n};\n\nconst noop = () => console.log(\"noooop\");\n\nconst hasExpressionType = (\n  completion: Completion,\n): completion is Completion & { expressionType: string } =>\n  \"expressionType\" in completion;\n\nconst injectOptionContent = (\n  completion: Completion /*, state: EditorState*/,\n) => {\n  if (hasExpressionType(completion)) {\n    const div = createEl(\"div\", \"expression-type-container\");\n    const span = createEl(\"span\", \"expression-type\", completion.expressionType);\n    div.appendChild(span);\n    return div;\n  } else {\n    return null;\n  }\n};\n\nexport const useColumnExpressionEditor = ({\n  onChange,\n  onSubmitExpression,\n  source,\n  suggestionProvider,\n}: ColumnExpressionInputProps) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const onSubmitRef = useRef<ApplyCompletion>(noop);\n  const viewRef = useRef<EditorView>(undefined);\n  const completionFn = useColumnAutoComplete(suggestionProvider, onSubmitRef);\n\n  const [createState, clearInput, submit] = useMemo(() => {\n    const parseExpression = ():\n      | [string, ColumnDefinitionExpression]\n      | [\"\", undefined] => {\n      const view = getView(viewRef);\n      const source = view.state.doc.toString();\n      const tree = ensureSyntaxTree(view.state, view.state.doc.length, 5000);\n      if (tree) {\n        const expression = walkTree(tree, source);\n        return [source, expression];\n      } else {\n        return [\"\", undefined];\n      }\n    };\n\n    const clearInput = () => {\n      getView(viewRef).setState(createState());\n    };\n\n    const submitExpression = () => {\n      const [source, expression] = parseExpression();\n      onSubmitExpression?.(source, expression);\n    };\n\n    const showSuggestions = (key: string) => {\n      return keymap.of([\n        {\n          key,\n          run() {\n            startCompletion(getView(viewRef));\n            return true;\n          },\n        },\n      ]);\n    };\n\n    const createState = (): EditorState =>\n      EditorState.create({\n        doc: source,\n        extensions: [\n          minimalSetup,\n          autocompletion({\n            addToOptions: [\n              {\n                render: injectOptionContent,\n                position: 70,\n              },\n            ],\n            override: [completionFn],\n            optionClass: getOptionClass,\n          }),\n          columnExpressionLanguageSupport(),\n          keymap.of(defaultKeymap),\n          showSuggestions(\"ArrowDown\"),\n          EditorView.updateListener.of((v) => {\n            const view = getView(viewRef);\n            if (v.docChanged) {\n              startCompletion(view);\n              const source = view.state.doc.toString();\n              onChange?.(source);\n            }\n          }),\n          // Enforces single line view\n          EditorState.transactionFilter.of((tr) =>\n            tr.newDoc.lines > 1 ? [] : tr,\n          ),\n          vuuTheme,\n          vuuHighlighting,\n        ],\n      });\n\n    onSubmitRef.current = () => {\n      submitExpression();\n    };\n\n    return [createState, clearInput, submitExpression];\n  }, [completionFn, onChange, onSubmitExpression, source]);\n\n  useEffect(() => {\n    if (!editorRef.current) {\n      throw Error(\"editor not in dom\");\n    }\n\n    viewRef.current = new EditorView({\n      state: createState(),\n      parent: editorRef.current,\n    });\n\n    return () => {\n      viewRef.current?.destroy();\n    };\n  }, [completionFn, createState]);\n\n  const handleBlur = useCallback<FocusEventHandler>(() => {\n    submit();\n  }, [submit]);\n\n  return { editorRef, clearInput, onBlur: handleBlur };\n};\n"],"names":["source","clearInput","createState"],"mappings":"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"}

package/esm/column-expression-input/useColumnExpressionSuggestionProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnExpressionSuggestionProvider.js","sources":["../../../../packages/vuu-table-extras/src/column-expression-input/useColumnExpressionSuggestionProvider.ts"],"sourcesContent":["import {\n  AnnotationType,\n  Completion,\n  EditorView,\n  getRelationalOperators,\n  numericOperators,\n  stringOperators,\n  toSuggestions,\n} from \"@vuu-ui/vuu-codemirror\";\nimport {\n  getTypeaheadParams,\n  useTypeaheadSuggestions,\n} from \"@vuu-ui/vuu-data-react\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { isNumericColumn, isTextColumn } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useRef } from \"react\";\nimport {\n  ColumnFunctionDescriptor,\n  columnFunctionDescriptors,\n} from \"./column-function-descriptors\";\nimport { functionDocInfo } from \"./functionDocInfo\";\nimport {\n  ColumnExpressionOperator,\n  ColumnExpressionSuggestionType,\n  IExpressionSuggestionProvider,\n} from \"./useColumnExpressionEditor\";\n\nconst NO_OPERATORS = [] as Completion[];\n\nconst withApplySpace = (suggestions: Completion[]): Completion[] =>\n  suggestions.map((suggestion) => ({\n    ...suggestion,\n    apply: (suggestion.apply ?? suggestion.label) + \" \",\n  }));\n\ntype ColumnOptions = {\n  functionName?: string;\n  operator?: ColumnExpressionOperator;\n  prefix?: string;\n};\n\nconst getValidColumns = (\n  columns: readonly ColumnDescriptor[],\n  { functionName, operator }: ColumnOptions,\n) => {\n  if (operator) {\n    return columns.filter(isNumericColumn);\n  } else if (functionName) {\n    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);\n    if (fn) {\n      switch (fn.accepts) {\n        case \"string\":\n          return columns.filter(isTextColumn);\n        case \"number\":\n          return columns.filter(isNumericColumn);\n        default:\n          return columns;\n      }\n    }\n  }\n  return columns;\n};\n\nconst getColumns = (\n  columns: readonly ColumnDescriptor[],\n  options: ColumnOptions,\n) => {\n  const validColumns = getValidColumns(columns, options);\n  return validColumns.map((column) => {\n    const label = column.label ?? column.name;\n    return {\n      apply: options.prefix ? `${options.prefix}${column.name}` : column.name,\n      label,\n      boost: 5,\n      type: \"column\",\n      expressionType: column.serverDataType,\n    };\n  });\n};\n\n// prettier-ignore\nconst arithmeticOperators = [\n  { apply: \"* \", boost: 2, label: \"*\", type: \"operator\" },\n  { apply: \"/ \", boost: 2, label: \"/\", type: \"operator\" },\n  { apply: \"+ \", boost: 2, label: \"+\", type: \"operator\" },\n  { apply: \"- \", boost: 2, label: \"-\", type: \"operator\" },\n];\n\nconst getOperators = (column?: ColumnDescriptor) => {\n  if (column === undefined || isNumericColumn(column)) {\n    return arithmeticOperators;\n  } else {\n    return NO_OPERATORS;\n  }\n};\n\nconst getConditionOperators = (column: ColumnDescriptor) => {\n  switch (column.serverDataType) {\n    case \"string\":\n    case \"char\":\n      return withApplySpace(stringOperators /*, startsWith*/);\n    case \"int\":\n    case \"long\":\n    case \"double\":\n      return withApplySpace(numericOperators);\n  }\n};\n\nconst toFunctionCompletion = (\n  functionDescriptor: ColumnFunctionDescriptor,\n) => ({\n  apply: `${functionDescriptor.name}( `,\n  boost: 2,\n  expressionType: functionDescriptor.type,\n  info: () => functionDocInfo(functionDescriptor),\n  label: functionDescriptor.name,\n  type: \"function\",\n});\n\nconst getAcceptedTypes = (fn?: ColumnFunctionDescriptor) => {\n  if (fn) {\n    if (typeof fn.accepts === \"string\") {\n      return fn.accepts;\n    } else if (Array.isArray(fn.accepts)) {\n      if (fn.accepts.every((s) => s === \"string\")) {\n        return \"string\";\n      } else {\n        return \"any\";\n      }\n    }\n  }\n  return \"any\";\n};\n\nconst functions: Completion[] =\n  columnFunctionDescriptors.map(toFunctionCompletion);\n\nconst getFunctions = ({ functionName }: ColumnOptions) => {\n  if (functionName) {\n    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);\n    const acceptedTypes = getAcceptedTypes(fn);\n    if (fn) {\n      switch (acceptedTypes) {\n        case \"string\":\n          return columnFunctionDescriptors\n            .filter((f) => f.type === \"string\" || f.type === \"variable\")\n            .map(toFunctionCompletion);\n        case \"number\":\n          return columnFunctionDescriptors\n            .filter((f) => f.type === \"number\" || f.type === \"variable\")\n            .map(toFunctionCompletion);\n        default:\n      }\n    }\n  }\n  return functions;\n};\n\nexport interface SuggestionProviderHookProps {\n  columns: readonly ColumnDescriptor[];\n  table: VuuTable;\n}\n\nconst NONE = {};\n\nexport const useColumnExpressionSuggestionProvider = ({\n  columns,\n  table,\n}: SuggestionProviderHookProps): IExpressionSuggestionProvider => {\n  const findColumn = useCallback(\n    (name?: string) =>\n      name ? columns.find((col) => col.name === name) : undefined,\n    [columns],\n  );\n\n  const latestSuggestionsRef = useRef<Completion[]>(undefined);\n  const getTypeaheadSuggestions = useTypeaheadSuggestions();\n\n  const getSuggestions: IExpressionSuggestionProvider[\"getSuggestions\"] =\n    useCallback(\n      async (suggestionType, options = NONE): Promise<Completion[]> => {\n        const { columnName, functionName, operator, prefix } = options;\n\n        switch (suggestionType) {\n          case \"expression\": {\n            const suggestions = await withApplySpace(\n              getColumns(columns, { functionName, prefix }),\n            ).concat(getFunctions(options));\n            return (latestSuggestionsRef.current = suggestions);\n          }\n          case \"column\": {\n            const suggestions = await getColumns(columns, options);\n            return (latestSuggestionsRef.current = withApplySpace(suggestions));\n          }\n          case \"operator\": {\n            const suggestions = await getOperators(findColumn(columnName));\n            return (latestSuggestionsRef.current = withApplySpace(suggestions));\n          }\n          case \"relational-operator\": {\n            const suggestions = await getRelationalOperators(\n              findColumn(columnName),\n            );\n            return (latestSuggestionsRef.current = withApplySpace(suggestions));\n          }\n          case \"condition-operator\":\n            {\n              const column = findColumn(columnName);\n              if (column) {\n                const suggestions = await getConditionOperators(column);\n                if (suggestions) {\n                  return (latestSuggestionsRef.current =\n                    withApplySpace(suggestions));\n                }\n              }\n            }\n            break;\n          case \"columnValue\":\n            if (columnName && operator) {\n              // const column = findColumn(columnName);\n              const params = getTypeaheadParams(\n                table,\n                columnName /*, startsWith*/,\n              );\n              const suggestions = await getTypeaheadSuggestions(params);\n              if (suggestions) {\n                latestSuggestionsRef.current = toSuggestions(suggestions, {\n                  suffix: \"\",\n                });\n\n                latestSuggestionsRef.current.forEach((suggestion) => {\n                  suggestion.apply = (\n                    view: EditorView,\n                    completion: Completion,\n                    from: number,\n                  ) => {\n                    const annotation = new AnnotationType<Completion>();\n                    const cursorPos = from + completion.label.length + 1;\n                    view.dispatch({\n                      changes: { from, insert: completion.label },\n                      selection: { anchor: cursorPos, head: cursorPos },\n                      annotations: annotation.of(completion),\n                    });\n                  };\n                });\n              }\n              return latestSuggestionsRef.current || [];\n            }\n            break;\n        }\n\n        return [];\n      },\n      [columns, findColumn, getTypeaheadSuggestions, table],\n    );\n\n  const isPartialMatch = useCallback(\n    async (\n      valueType: ColumnExpressionSuggestionType,\n      columnName?: string,\n      pattern?: string,\n    ) => {\n      const { current: latestSuggestions } = latestSuggestionsRef;\n      let maybe = false;\n      const suggestions =\n        latestSuggestions || (await getSuggestions(valueType, { columnName }));\n      if (pattern && suggestions) {\n        for (const option of suggestions) {\n          if (option.label === pattern) {\n            return false;\n          } else if (option.label.startsWith(pattern)) {\n            maybe = true;\n          }\n        }\n      }\n      return maybe;\n    },\n    [getSuggestions],\n  );\n\n  return {\n    getSuggestions,\n    isPartialMatch,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/column-formatting-settings/BaseNumericFormattingSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseNumericFormattingSettings.js","sources":["../../../../packages/vuu-table-extras/src/column-formatting-settings/BaseNumericFormattingSettings.tsx"],"sourcesContent":["import { FormField, FormFieldLabel, Input, Switch } from \"@salt-ds/core\";\nimport {\n  ColumnTypeFormatting,\n  FormattingSettingsProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport { getTypeFormattingFromColumn } from \"@vuu-ui/vuu-utils\";\nimport {\n  ChangeEvent,\n  KeyboardEvent,\n  SyntheticEvent,\n  useCallback,\n  useState,\n} from \"react\";\n\nconst classBase = \"vuuFormattingSettings\";\n\nexport const BaseNumericFormattingSettings = ({\n  column,\n  onChangeFormatting: onChange,\n}: FormattingSettingsProps) => {\n  const [formattingSettings, setFormattingSettings] =\n    useState<ColumnTypeFormatting>(getTypeFormattingFromColumn(column));\n\n  const handleInputKeyDown = useCallback(\n    (evt: KeyboardEvent<HTMLInputElement>) => {\n      if (evt.key === \"Enter\" || evt.key === \"Tab\") {\n        onChange(formattingSettings);\n      }\n    },\n    [formattingSettings, onChange],\n  );\n\n  const handleChangeDecimals = useCallback(\n    (evt: SyntheticEvent) => {\n      const { value } = evt.target as HTMLFormElement;\n      const numericValue: number | undefined =\n        value === \"\"\n          ? undefined\n          : isNaN(parseInt(value))\n            ? undefined\n            : parseInt(value);\n\n      const newFormattingSettings = {\n        ...formattingSettings,\n        decimals: numericValue,\n      };\n      setFormattingSettings(newFormattingSettings);\n    },\n    [formattingSettings],\n  );\n\n  const handleChangeAlignDecimals = useCallback(\n    (evt: ChangeEvent<HTMLInputElement>) => {\n      const { checked } = evt.target as HTMLInputElement;\n      const newFormattingSettings = {\n        ...formattingSettings,\n        alignOnDecimals: checked,\n      };\n      setFormattingSettings(newFormattingSettings);\n      onChange(newFormattingSettings);\n    },\n    [formattingSettings, onChange],\n  );\n\n  const handleChangeZeroPad = useCallback(\n    (evt: ChangeEvent<HTMLInputElement>) => {\n      const { checked } = evt.target as HTMLInputElement;\n      const newFormattingSettings = {\n        ...formattingSettings,\n        zeroPad: checked,\n      };\n      setFormattingSettings(newFormattingSettings);\n      onChange(newFormattingSettings);\n    },\n    [formattingSettings, onChange],\n  );\n\n  return (\n    <div className={classBase}>\n      <FormField data-field=\"decimals\">\n        <FormFieldLabel>Number of decimals</FormFieldLabel>\n        <Input\n          bordered\n          className=\"vuuInput\"\n          onChange={handleChangeDecimals}\n          onKeyDown={handleInputKeyDown}\n          value={formattingSettings.decimals ?? \"\"}\n        />\n      </FormField>\n\n      <FormField labelPlacement=\"left\">\n        <FormFieldLabel>Align on decimals</FormFieldLabel>\n        <Switch\n          checked={formattingSettings.alignOnDecimals ?? false}\n          onChange={handleChangeAlignDecimals}\n          value=\"align-decimals\"\n        />\n      </FormField>\n      <FormField labelPlacement=\"left\">\n        <FormFieldLabel>Zero pad decimals</FormFieldLabel>\n        <Switch\n          checked={formattingSettings.zeroPad ?? false}\n          onChange={handleChangeZeroPad}\n          value=\"zero-pad\"\n        />\n      </FormField>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/column-formatting-settings/ColumnFormattingPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnFormattingPanel.js","sources":["../../../../packages/vuu-table-extras/src/column-formatting-settings/ColumnFormattingPanel.tsx"],"sourcesContent":["import {\n  ColumnDescriptor,\n  ColumnDescriptorCustomRenderer,\n  ColumnTypeRendering,\n  FormattingSettingsProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  CellRendererDescriptor,\n  ConfigurationEditorProps,\n  getCellRendererOptions,\n  getConfigurationEditor,\n  isColumnTypeRenderer,\n  isTypeDescriptor,\n} from \"@vuu-ui/vuu-utils\";\nimport { Dropdown, FormField, FormFieldLabel, Option } from \"@salt-ds/core\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, SyntheticEvent, useCallback, useMemo } from \"react\";\nimport { BaseNumericFormattingSettings } from \"./BaseNumericFormattingSettings\";\nimport { LongTypeFormattingSettings } from \"./LongTypeFormattingSettings\";\nimport { DateTimeFormattingSettings } from \"./DateTimeFormattingSettings\";\n\nconst classBase = \"vuuColumnFormattingPanel\";\n\nexport interface ColumnFormattingPanelProps\n  extends HTMLAttributes<HTMLDivElement>,\n    FormattingSettingsProps {\n  availableRenderers: CellRendererDescriptor[];\n  column: ColumnDescriptor;\n  onChangeRendering: (renderProps: ColumnTypeRendering) => void;\n}\n\nexport const ColumnFormattingPanel = ({\n  availableRenderers,\n  className,\n  column,\n  onChangeFormatting,\n  onChangeColumnType,\n  onChangeRendering,\n  ...htmlAttributes\n}: ColumnFormattingPanelProps) => {\n  const formattingSettingsComponent = useMemo(\n    () =>\n      getFormattingSettingsComponent({\n        column,\n        onChangeFormatting,\n        onChangeColumnType,\n      }),\n    [column, onChangeColumnType, onChangeFormatting],\n  );\n\n  const ConfigEditor = useMemo<\n    React.FC<ConfigurationEditorProps> | undefined\n  >(() => {\n    const { type } = column;\n    if (isTypeDescriptor(type) && isColumnTypeRenderer(type.renderer)) {\n      const cellRendererOptions = getCellRendererOptions(type.renderer.name);\n      return getConfigurationEditor(cellRendererOptions?.configEditor);\n    }\n    return undefined;\n  }, [column]);\n\n  const selectedCellRenderer = useMemo(() => {\n    const { type } = column;\n    const [defaultRenderer] = availableRenderers;\n    const rendererName =\n      isTypeDescriptor(type) && isColumnTypeRenderer(type.renderer)\n        ? type.renderer.name\n        : undefined;\n    const configuredRenderer = availableRenderers.find(\n      (renderer) => renderer.name === rendererName,\n    );\n    return configuredRenderer ?? defaultRenderer;\n  }, [availableRenderers, column]);\n\n  const handleChangeRenderer = useCallback(\n    (\n      _e: SyntheticEvent,\n      [cellRendererDescriptor]: CellRendererDescriptor[],\n    ) => {\n      const renderProps: ColumnTypeRendering = {\n        name: cellRendererDescriptor.name,\n      };\n      onChangeRendering?.(renderProps);\n    },\n    [onChangeRendering],\n  );\n\n  const { serverDataType = \"string\" } = column;\n\n  return (\n    <div {...htmlAttributes} className={`vuuColumnSettingsPanel-header`}>\n      <div>Formatting</div>\n\n      <FormField>\n        <FormFieldLabel>\n          {`Renderer (data type ${column.serverDataType})`}\n        </FormFieldLabel>\n        <Dropdown<CellRendererDescriptor>\n          bordered\n          className={cx(`${classBase}-renderer`)}\n          onSelectionChange={handleChangeRenderer}\n          selected={selectedCellRenderer ? [selectedCellRenderer] : []}\n          value={selectedCellRenderer?.label ?? selectedCellRenderer?.name}\n        >\n          {availableRenderers.map((cellRenderer, i) => (\n            <Option key={i} value={cellRenderer}>\n              {cellRenderer.label ?? cellRenderer.name}\n            </Option>\n          ))}\n        </Dropdown>\n      </FormField>\n      <div\n        className={cx(classBase, className, `${classBase}-${serverDataType}`)}\n      >\n        {formattingSettingsComponent}\n        {ConfigEditor ? (\n          <ConfigEditor\n            column={column as ColumnDescriptorCustomRenderer}\n            onChangeRendering={onChangeRendering}\n          />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nfunction getFormattingSettingsComponent(props: FormattingSettingsProps) {\n  const { column } = props;\n\n  switch (column.serverDataType) {\n    case \"double\":\n    case \"scaleddecimal2\":\n    case \"scaleddecimal4\":\n    case \"scaleddecimal6\":\n    case \"scaleddecimal8\":\n    case \"int\":\n      return <BaseNumericFormattingSettings {...props} />;\n    case \"long\":\n      return <LongTypeFormattingSettings {...props} />;\n    case \"epochtimestamp\":\n      return <DateTimeFormattingSettings {...props} />;\n    default:\n      return null;\n  }\n}\n"],"names":[],"mappings":"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"}

package/esm/column-formatting-settings/DateTimeFormattingSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeFormattingSettings.js","sources":["../../../../packages/vuu-table-extras/src/column-formatting-settings/DateTimeFormattingSettings.tsx"],"sourcesContent":["import { FormattingSettingsProps } from \"@vuu-ui/vuu-table-types\";\nimport {\n  DatePattern,\n  DateTimePattern,\n  TimePattern,\n  dateTimeLabelByType,\n  defaultPatternsByType,\n  fallbackDateTimePattern,\n  getTypeFormattingFromColumn,\n  isDatePattern,\n  isTimePattern,\n  supportedDateTimePatterns,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  Dropdown,\n  FormField,\n  FormFieldLabel,\n  Option,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@salt-ds/core\";\nimport React, { SyntheticEvent, useCallback, useMemo, useState } from \"react\";\n\nconst toggleValues = [\"date\", \"time\", \"both\"] as const;\ntype ToggleValue = (typeof toggleValues)[number];\n\nfunction getToggleValue(pattern: DateTimePattern): ToggleValue {\n  return !pattern.time ? \"date\" : !pattern.date ? \"time\" : \"both\";\n}\n\ntype DateTime = keyof DateTimePattern;\n\nconst getSelectedPattern = (\n  pattern?: DatePattern | TimePattern,\n): DatePattern[] | TimePattern[] | undefined => {\n  if (isDatePattern(pattern)) {\n    return [pattern] as DatePattern[];\n  } else if (isTimePattern(pattern)) {\n    return [pattern] as TimePattern[];\n  } else {\n    return undefined;\n  }\n};\n\nexport const DateTimeFormattingSettings: React.FC<FormattingSettingsProps> = ({\n  column,\n  onChangeFormatting: onChange,\n}) => {\n  const formatting = getTypeFormattingFromColumn(column);\n  const { pattern = fallbackDateTimePattern } = formatting;\n  const toggleValue = useMemo(() => getToggleValue(pattern), [pattern]);\n\n  const [fallbackState, setFallbackState] = useState<Required<DateTimePattern>>(\n    {\n      time: pattern.time ?? defaultPatternsByType.time,\n      date: pattern.date ?? defaultPatternsByType.date,\n    },\n  );\n\n  const onPatternChange = useCallback(\n    (pattern: DateTimePattern) => onChange({ ...formatting, pattern }),\n    [onChange, formatting],\n  );\n\n  const onDropdownChange = useCallback<\n    <T extends DateTime>(\n      dateTime: T,\n    ) => (\n      e: SyntheticEvent,\n      newSelected: Array<Required<DateTimePattern>[T]>,\n    ) => void\n  >(\n    (dateTime) =>\n      (_, [selectedPattern]) => {\n        const updatedPattern = {\n          ...(pattern ?? {}),\n          [dateTime]: selectedPattern,\n        };\n        setFallbackState((s) => ({\n          time: updatedPattern.time ?? s.time,\n          date: updatedPattern.date ?? s.date,\n        }));\n        onPatternChange(updatedPattern);\n      },\n    [onPatternChange, pattern],\n  );\n\n  const onToggleChange = useCallback(\n    (evnt: SyntheticEvent<HTMLButtonElement, Event>) => {\n      const value = evnt.currentTarget.value as ToggleValue;\n      switch (value) {\n        case \"time\":\n          return onPatternChange({\n            [value]: pattern[value] ?? fallbackState[value],\n          });\n        case \"date\":\n          return onPatternChange({\n            [value]: pattern[value] ?? fallbackState[value],\n          });\n        case \"both\":\n          return onPatternChange({\n            time: pattern.time ?? fallbackState.time,\n            date: pattern.date ?? fallbackState.date,\n          });\n      }\n    },\n    [onPatternChange, pattern, fallbackState],\n  );\n\n  return (\n    <>\n      <FormField labelPlacement=\"top\">\n        <FormFieldLabel>{\"Display\"}</FormFieldLabel>\n        <ToggleButtonGroup\n          className=\"vuuToggleButtonGroup\"\n          onChange={onToggleChange}\n          value={toggleValue}\n          data-variant=\"primary\"\n        >\n          {toggleValues.map((v) => (\n            <ToggleButton key={v} value={v}>\n              {v.toUpperCase()}\n            </ToggleButton>\n          ))}\n        </ToggleButtonGroup>\n      </FormField>\n\n      {([\"date\", \"time\"] as const)\n        .filter((v) => !!pattern[v])\n        .map((v) => (\n          <FormField labelPlacement=\"top\" key={v}>\n            <FormFieldLabel>{`${dateTimeLabelByType[v]} pattern`}</FormFieldLabel>\n            <Dropdown<Required<DateTimePattern>[typeof v]>\n              onSelectionChange={onDropdownChange(v)}\n              selected={getSelectedPattern(pattern[v])}\n            >\n              {supportedDateTimePatterns[v].map((pattern, i) => (\n                <Option key={i} value={pattern}>\n                  {pattern}\n                </Option>\n              ))}\n            </Dropdown>\n          </FormField>\n        ))}\n    </>\n  );\n};\n"],"names":["pattern"],"mappings":";;;;;AAuBA,MAAM,YAAe,GAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,MAAM,CAAA;AAG5C,SAAS,eAAe,OAAuC,EAAA;AAC7D,EAAA,OAAO,CAAC,OAAQ,CAAA,IAAA,GAAO,SAAS,CAAC,OAAA,CAAQ,OAAO,MAAS,GAAA,MAAA;AAC3D;AAIA,MAAM,kBAAA,GAAqB,CACzB,OAC8C,KAAA;AAC9C,EAAI,IAAA,aAAA,CAAc,OAAO,CAAG,EAAA;AAC1B,IAAA,OAAO,CAAC,OAAO,CAAA;AAAA,GACjB,MAAA,IAAW,aAAc,CAAA,OAAO,CAAG,EAAA;AACjC,IAAA,OAAO,CAAC,OAAO,CAAA;AAAA,GACV,MAAA;AACL,IAAO,OAAA,KAAA,CAAA;AAAA;AAEX,CAAA;AAEO,MAAM,6BAAgE,CAAC;AAAA,EAC5E,MAAA;AAAA,EACA,kBAAoB,EAAA;AACtB,CAAM,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,4BAA4B,MAAM,CAAA;AACrD,EAAM,MAAA,EAAE,OAAU,GAAA,uBAAA,EAA4B,GAAA,UAAA;AAC9C,EAAM,MAAA,WAAA,GAAc,QAAQ,MAAM,cAAA,CAAe,OAAO,CAAG,EAAA,CAAC,OAAO,CAAC,CAAA;AAEpE,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC;AAAA,MACE,IAAA,EAAM,OAAQ,CAAA,IAAA,IAAQ,qBAAsB,CAAA,IAAA;AAAA,MAC5C,IAAA,EAAM,OAAQ,CAAA,IAAA,IAAQ,qBAAsB,CAAA;AAAA;AAC9C,GACF;AAEA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAACA,aAA6B,QAAS,CAAA,EAAE,GAAG,UAAY,EAAA,OAAA,EAAAA,UAAS,CAAA;AAAA,IACjE,CAAC,UAAU,UAAU;AAAA,GACvB;AAEA,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IAQvB,CAAC,QACC,KAAA,CAAC,CAAG,EAAA,CAAC,eAAe,CAAM,KAAA;AACxB,MAAA,MAAM,cAAiB,GAAA;AAAA,QACrB,GAAI,WAAW,EAAC;AAAA,QAChB,CAAC,QAAQ,GAAG;AAAA,OACd;AACA,MAAA,gBAAA,CAAiB,CAAC,CAAO,MAAA;AAAA,QACvB,IAAA,EAAM,cAAe,CAAA,IAAA,IAAQ,CAAE,CAAA,IAAA;AAAA,QAC/B,IAAA,EAAM,cAAe,CAAA,IAAA,IAAQ,CAAE,CAAA;AAAA,OAC/B,CAAA,CAAA;AACF,MAAA,eAAA,CAAgB,cAAc,CAAA;AAAA,KAChC;AAAA,IACF,CAAC,iBAAiB,OAAO;AAAA,GAC3B;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAAC,IAAmD,KAAA;AAClD,MAAM,MAAA,KAAA,GAAQ,KAAK,aAAc,CAAA,KAAA;AACjC,MAAA,QAAQ,KAAO;AAAA,QACb,KAAK,MAAA;AACH,UAAA,OAAO,eAAgB,CAAA;AAAA,YACrB,CAAC,KAAK,GAAG,QAAQ,KAAK,CAAA,IAAK,cAAc,KAAK;AAAA,WAC/C,CAAA;AAAA,QACH,KAAK,MAAA;AACH,UAAA,OAAO,eAAgB,CAAA;AAAA,YACrB,CAAC,KAAK,GAAG,QAAQ,KAAK,CAAA,IAAK,cAAc,KAAK;AAAA,WAC/C,CAAA;AAAA,QACH,KAAK,MAAA;AACH,UAAA,OAAO,eAAgB,CAAA;AAAA,YACrB,IAAA,EAAM,OAAQ,CAAA,IAAA,IAAQ,aAAc,CAAA,IAAA;AAAA,YACpC,IAAA,EAAM,OAAQ,CAAA,IAAA,IAAQ,aAAc,CAAA;AAAA,WACrC,CAAA;AAAA;AACL,KACF;AAAA,IACA,CAAC,eAAiB,EAAA,OAAA,EAAS,aAAa;AAAA,GAC1C;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,SAAA,EAAA,EAAU,gBAAe,KACxB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,kBAAgB,QAAU,EAAA,SAAA,EAAA,CAAA;AAAA,sBAC3B,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,sBAAA;AAAA,UACV,QAAU,EAAA,cAAA;AAAA,UACV,KAAO,EAAA,WAAA;AAAA,UACP,cAAa,EAAA,SAAA;AAAA,UAEZ,QAAa,EAAA,YAAA,CAAA,GAAA,CAAI,CAAC,CAAA,qBAChB,GAAA,CAAA,YAAA,EAAA,EAAqB,KAAO,EAAA,CAAA,EAC1B,QAAE,EAAA,CAAA,CAAA,WAAA,EADc,EAAA,EAAA,CAEnB,CACD;AAAA;AAAA;AACH,KACF,EAAA,CAAA;AAAA,IAEE,CAAC,MAAQ,EAAA,MAAM,EACd,MAAO,CAAA,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAC1B,GAAI,CAAA,CAAC,sBACH,IAAA,CAAA,SAAA,EAAA,EAAU,gBAAe,KACxB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,CAAA,EAAG,mBAAoB,CAAA,CAAC,CAAC,CAAW,QAAA,CAAA,EAAA,CAAA;AAAA,sBACrD,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,iBAAA,EAAmB,iBAAiB,CAAC,CAAA;AAAA,UACrC,QAAU,EAAA,kBAAA,CAAmB,OAAQ,CAAA,CAAC,CAAC,CAAA;AAAA,UAEtC,QAA0B,EAAA,yBAAA,CAAA,CAAC,CAAE,CAAA,GAAA,CAAI,CAACA,QAAS,EAAA,CAAA,qBACzC,GAAA,CAAA,MAAA,EAAA,EAAe,KAAOA,EAAAA,QAAAA,EACpB,QAAAA,EAAAA,QAAAA,EAAAA,EADU,CAEb,CACD;AAAA;AAAA;AACH,KAAA,EAAA,EAXmC,CAYrC,CACD;AAAA,GACL,EAAA,CAAA;AAEJ;;;;"}

package/esm/column-formatting-settings/LongTypeFormattingSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LongTypeFormattingSettings.js","sources":["../../../../packages/vuu-table-extras/src/column-formatting-settings/LongTypeFormattingSettings.tsx"],"sourcesContent":["import {\n  FormField,\n  FormFieldLabel,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { FormattingSettingsProps } from \"@vuu-ui/vuu-table-types\";\nimport React, { useCallback } from \"react\";\nimport { BaseNumericFormattingSettings } from \"./BaseNumericFormattingSettings\";\n\nimport longTypeFormattingSettingsCss from \"./LongTypeFormattingSettings.css\";\nimport { isTypeDescriptor } from \"@vuu-ui/vuu-utils\";\n\nconst classBase = \"vuuLongColumnFormattingSettings\";\n\nexport const LongTypeFormattingSettings = (props: FormattingSettingsProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-long-formatting-settings\",\n    css: longTypeFormattingSettingsCss,\n    window: targetWindow,\n  });\n\n  const { column, onChangeColumnType: onChangeType } = props;\n  const type = isTypeDescriptor(column.type) ? column.type.name : column.type;\n\n  const handleToggleChange = useCallback(\n    (event: React.SyntheticEvent<HTMLButtonElement, Event>) => {\n      const value = event.currentTarget.value as ToggleValue;\n      onChangeType(value);\n    },\n    [onChangeType],\n  );\n\n  return (\n    <div className={classBase}>\n      <FormField>\n        <FormFieldLabel>{\"Type inferred as\"}</FormFieldLabel>\n        <ToggleButtonGroup\n          className=\"vuuToggleButtonGroup\"\n          onChange={handleToggleChange}\n          value={type ?? \"number\"}\n        >\n          {toggleValues.map((v) => (\n            <ToggleButton key={v} value={v}>\n              {v.toUpperCase()}\n            </ToggleButton>\n          ))}\n        </ToggleButtonGroup>\n      </FormField>\n      <BaseNumericFormattingSettings {...props} />\n    </div>\n  );\n};\n\nconst toggleValues = [\"number\", \"date/time\"] as const;\ntype ToggleValue = (typeof toggleValues)[number];\n"],"names":[],"mappings":";;;;;;;;;AAeA,MAAM,SAAY,GAAA,iCAAA;AAEL,MAAA,0BAAA,GAA6B,CAAC,KAAmC,KAAA;AAC5E,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,8BAAA;AAAA,IACR,GAAK,EAAA,6BAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,MAAA,EAAQ,kBAAoB,EAAA,YAAA,EAAiB,GAAA,KAAA;AACrD,EAAM,MAAA,IAAA,GAAO,iBAAiB,MAAO,CAAA,IAAI,IAAI,MAAO,CAAA,IAAA,CAAK,OAAO,MAAO,CAAA,IAAA;AAEvE,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,KAA0D,KAAA;AACzD,MAAM,MAAA,KAAA,GAAQ,MAAM,aAAc,CAAA,KAAA;AAClC,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,KACpB;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,SACd,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,SACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,kBAAgB,QAAmB,EAAA,kBAAA,EAAA,CAAA;AAAA,sBACpC,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,sBAAA;AAAA,UACV,QAAU,EAAA,kBAAA;AAAA,UACV,OAAO,IAAQ,IAAA,QAAA;AAAA,UAEd,QAAa,EAAA,YAAA,CAAA,GAAA,CAAI,CAAC,CAAA,qBAChB,GAAA,CAAA,YAAA,EAAA,EAAqB,KAAO,EAAA,CAAA,EAC1B,QAAE,EAAA,CAAA,CAAA,WAAA,EADc,EAAA,EAAA,CAEnB,CACD;AAAA;AAAA;AACH,KACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,6BAA+B,EAAA,EAAA,GAAG,KAAO,EAAA;AAAA,GAC5C,EAAA,CAAA;AAEJ;AAEA,MAAM,YAAA,GAAe,CAAC,QAAA,EAAU,WAAW,CAAA;;;;"}

package/esm/column-menu/ColumnMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnMenu.js","sources":["../../../../packages/vuu-table-extras/src/column-menu/ColumnMenu.tsx"],"sourcesContent":["import { Menu, MenuPanel, MenuTrigger } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { MenuActionHandler } from \"@vuu-ui/vuu-context-menu\";\nimport {\n  ColumnDescriptor,\n  ColumnMenuPermissions,\n} from \"@vuu-ui/vuu-table-types\";\nimport { IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, MouseEventHandler, useCallback } from \"react\";\nimport { useTableContext } from \"../table-provider/TableProvider\";\nimport {\n  buildAggregationMenuItems,\n  buildGroupMenu,\n  buildPinMenuItems,\n  buildSortMenu,\n  buildVisibilityMenuItems,\n  ColumnMenuActionType,\n  getColumnMenuActionType,\n  type MenuItemClickHandler,\n} from \"./column-menu-utils\";\n\nimport columnMenuCss from \"./ColumnMenu.css\";\n\nconst classBase = \"vuuColumnMenu\";\n\nconst defaultColumnMenuPermissions: Readonly<ColumnMenuPermissions> = {\n  allowSort: true,\n  allowGroup: true,\n  allowAggregation: true,\n  allowHide: true,\n  allowRemove: true,\n  allowPin: true,\n};\n\nexport interface ColumnMenuProps extends HTMLAttributes<HTMLSpanElement> {\n  column: ColumnDescriptor;\n  menuActionHandler?: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;\n  menuPermissions?: ColumnMenuPermissions;\n}\n\nexport const ColumnMenu = ({\n  className,\n  column,\n  menuActionHandler: menuActionHandlerProp,\n  menuPermissions: {\n    allowSort,\n    allowGroup,\n    allowAggregation,\n    allowHide,\n    allowRemove,\n    allowPin,\n  } = defaultColumnMenuPermissions,\n}: ColumnMenuProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-column-menu\",\n    css: columnMenuCss,\n    window: targetWindow,\n  });\n\n  const { dataSource, menuActionHandler } = useTableContext(true);\n\n  const menuActionClickHandler = useCallback<MenuItemClickHandler>(\n    (evt) => {\n      const columnMenuActionType = getColumnMenuActionType(evt.target);\n      if (menuActionHandlerProp?.(columnMenuActionType, column) !== true) {\n        return menuActionHandler(columnMenuActionType, column);\n      }\n    },\n    [column, menuActionHandler, menuActionHandlerProp],\n  );\n\n  const sortMenu = buildSortMenu(\n    column,\n    dataSource,\n    menuActionClickHandler,\n    allowSort,\n  );\n  const groupMenu = buildGroupMenu(\n    column,\n    dataSource,\n    menuActionClickHandler,\n    allowGroup,\n  );\n  const aggregationMenu = buildAggregationMenuItems(\n    column,\n    dataSource,\n    menuActionClickHandler,\n    allowAggregation,\n  );\n  const visibilityMenuItems = buildVisibilityMenuItems(\n    column,\n    menuActionClickHandler,\n    allowHide,\n    allowRemove,\n  );\n  const pinMenu = buildPinMenuItems(column, menuActionClickHandler, allowPin);\n\n  const handleClick = useCallback<MouseEventHandler<HTMLButtonElement>>(\n    (evt) => {\n      // Prevent sort from triggering if the click were to bubble.\n      evt.stopPropagation();\n    },\n    [],\n  );\n\n  return (\n    <Menu>\n      <MenuTrigger>\n        <IconButton\n          appearance=\"transparent\"\n          className={cx(classBase, className)}\n          data-embedded\n          icon=\"more-vert\"\n          sentiment=\"neutral\"\n          aria-label=\"Open Column Menu\"\n          onClick={handleClick}\n        />\n      </MenuTrigger>\n      <MenuPanel>\n        {sortMenu}\n        {groupMenu}\n        {aggregationMenu}\n        {visibilityMenuItems}\n        {pinMenu}\n      </MenuPanel>\n    </Menu>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/column-menu/column-menu-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"column-menu-utils.js","sources":["../../../../packages/vuu-table-extras/src/column-menu/column-menu-utils.tsx"],"sourcesContent":["import {\n  Menu,\n  MenuItem,\n  MenuItemProps,\n  MenuPanel,\n  MenuProps,\n  MenuTrigger,\n} from \"@salt-ds/core\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  getGroupStatus,\n  getSortStatus,\n  isNumericColumn,\n  logUnhandledMessage,\n} from \"@vuu-ui/vuu-utils\";\nimport { MouseEventHandler, ReactElement } from \"react\";\n\ntype MenuElement = ReactElement<MenuProps, typeof Menu>;\ntype MenuItemElement = ReactElement<MenuItemProps, typeof MenuItem>;\ntype MenuElements = Array<MenuElement | MenuItemElement>;\n\nexport type MenuItemClickHandler = MouseEventHandler<HTMLDivElement>;\n\nexport type DataSourceColumnMenuActionType =\n  | \"agg-count\"\n  | \"agg-distinct\"\n  | \"agg-sum\"\n  | \"agg-avg\"\n  | \"agg-high\"\n  | \"agg-low\"\n  | \"sort-asc\"\n  | \"sort-dsc\"\n  | \"sort-add-asc\"\n  | \"sort-add-dsc\"\n  | \"remove-sort\"\n  | \"group-column\"\n  | \"remove-group\"\n  | \"add-to-group\"\n  | \"remove-from-group\"\n  | \"remove-column\";\n\nexport type ColumnDisplayColumnMenuActionType =\n  | \"pin-column-left\"\n  | \"pin-column-right\"\n  | \"unpin-column\"\n  | \"hide-column\";\n\nexport type ColumnMenuActionType =\n  | DataSourceColumnMenuActionType\n  | ColumnDisplayColumnMenuActionType;\n\nexport const isColumnMenuActionType = (\n  value?: string,\n): value is ColumnMenuActionType =>\n  value !== undefined &&\n  [\n    \"agg-count\",\n    \"agg-distinct\",\n    \"agg-sum\",\n    \"agg-avg\",\n    \"agg-high\",\n    \"agg-low\",\n    \"sort-asc\",\n    \"sort-dsc\",\n    \"sort-add-asc\",\n    \"sort-add-dsc\",\n    \"remove-sort\",\n    \"group-column\",\n    \"remove-group\",\n    \"add-to-group\",\n    \"remove-from-group\",\n    \"pin-column-left\",\n    \"pin-column-right\",\n    \"unpin-column\",\n    \"hide-column\",\n    \"remove-column\",\n  ].includes(value);\n\nexport const getColumnMenuActionType = (target: EventTarget | HTMLElement) => {\n  const { menuActionId } = (target as HTMLElement).dataset;\n  if (isColumnMenuActionType(menuActionId)) {\n    return menuActionId;\n  } else {\n    throw Error(\n      \"[vuu-table-extras] column-menu-utils target element is not a valid Column MenuItem\",\n    );\n  }\n};\n\nexport function buildSortMenu(\n  column: ColumnDescriptor,\n  dataSource: DataSource,\n  menuActionClickHandler: MenuItemClickHandler,\n  isAllowed = true,\n): MenuElement | null {\n  if (!isAllowed || column.sortable === false) {\n    return null;\n  } else {\n    const { name, label = name } = column;\n    const menuItems: MenuElements = [];\n    const columnSortStatus = getSortStatus(column.name, dataSource.sort);\n\n    switch (columnSortStatus) {\n      case \"no-sort\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-asc\"\n            key=\"sort-asc\"\n            onClick={menuActionClickHandler}\n          >\n            Sort ascending\n          </MenuItem>,\n        );\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-dsc\"\n            key=\"sort-dsc\"\n            onClick={menuActionClickHandler}\n          >\n            Sort descending\n          </MenuItem>,\n        );\n        break;\n      case \"single-sort-asc\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-dsc\"\n            key=\"sort-dsc\"\n            onClick={menuActionClickHandler}\n          >\n            Reverse Sort (DSC)\n          </MenuItem>,\n          <MenuItem\n            data-menu-action-id=\"remove-sort\"\n            key=\"remove-sort\"\n            onClick={menuActionClickHandler}\n          >\n            Remove Sort\n          </MenuItem>,\n        );\n        break;\n      case \"single-sort-desc\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-asc\"\n            key=\"sort-asc\"\n            onClick={menuActionClickHandler}\n          >\n            Reverse Sort (ASC)\n          </MenuItem>,\n          <MenuItem\n            data-menu-action-id=\"remove-sort\"\n            key=\"remove-sort\"\n            onClick={menuActionClickHandler}\n          >\n            Remove Sort\n          </MenuItem>,\n        );\n        break;\n\n      case \"sort-other-column\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-add-asc\"\n            key=\"sort-add-asc\"\n            onClick={menuActionClickHandler}\n          >\n            Add to sort ASC\n          </MenuItem>,\n        );\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-add-dsc\"\n            key=\"sort-add-dsc\"\n            onClick={menuActionClickHandler}\n          >\n            Add to sort DSC\n          </MenuItem>,\n        );\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-asc\"\n            key=\"sort-asc\"\n            onClick={menuActionClickHandler}\n          >\n            Ascending\n          </MenuItem>,\n        );\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"sort-dsc\"\n            key=\"sort-dsc\"\n            onClick={menuActionClickHandler}\n          >\n            Descending\n          </MenuItem>,\n        );\n        break;\n\n      case \"multi-sort-includes-column-asc\":\n      case \"multi-sort-includes-column-desc\":\n        break;\n      default:\n        logUnhandledMessage(\n          columnSortStatus,\n          \"[vuu-table-extras] column-menu-utils buildSortMenu\",\n        );\n    }\n\n    return (\n      <Menu key=\"sort-menu\">\n        <MenuTrigger>\n          <MenuItem>{`Sort by ${label}`}</MenuItem>\n        </MenuTrigger>\n        <MenuPanel>{menuItems}</MenuPanel>\n      </Menu>\n    );\n  }\n}\n\nexport function buildGroupMenu(\n  column: ColumnDescriptor,\n  dataSource: DataSource,\n  menuActionClickHandler: MenuItemClickHandler,\n  isAllowed = true,\n): MenuElement | null {\n  if (!isAllowed || column.groupable === false) {\n    return null;\n  } else {\n    const menuItems: MenuElements = [];\n    const columnGroupStatus = getGroupStatus(column.name, dataSource.groupBy);\n    const { name, label = name } = column;\n\n    switch (columnGroupStatus) {\n      case \"no-groupby\":\n        return (\n          <MenuItem\n            data-menu-action-id=\"group-column\"\n            key=\"group-column\"\n            onClick={menuActionClickHandler}\n          >{`Group by ${label}`}</MenuItem>\n        );\n\n      case \"single-groupby-other-column\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"group-column\"\n            key=\"group-column\"\n            onClick={menuActionClickHandler}\n          >{`Group by ${label}`}</MenuItem>,\n          <MenuItem\n            data-menu-action-id=\"add-to-group\"\n            key=\"add-to-group\"\n            onClick={menuActionClickHandler}\n          >{`Add ${label} to groupby`}</MenuItem>,\n        );\n        break;\n      case \"single-groupby\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"remove-group\"\n            key=\"remove-group\"\n            onClick={menuActionClickHandler}\n          >\n            Remove Grouping\n          </MenuItem>,\n        );\n        break;\n\n      case \"multi-groupby-other-columns\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"add-to-group\"\n            key=\"add-to-group\"\n            onClick={menuActionClickHandler}\n          >\n            Add to grouping\n          </MenuItem>,\n        );\n\n        break;\n\n      case \"multi-groupby-includes-column\":\n        menuItems.push(\n          <MenuItem\n            data-menu-action-id=\"remove-from-group\"\n            key=\"remove-from-group\"\n            onClick={menuActionClickHandler}\n          >\n            Remove from grouping\n          </MenuItem>,\n        );\n\n        break;\n\n      default:\n        logUnhandledMessage(\n          columnGroupStatus,\n          \"[vuu-table-extras] column-menu-utils buildGroupMenu\",\n        );\n    }\n\n    return (\n      <Menu key=\"group-menu\">\n        <MenuTrigger>\n          <MenuItem>Group data</MenuItem>\n        </MenuTrigger>\n        <MenuPanel>{menuItems}</MenuPanel>\n      </Menu>\n    );\n  }\n}\n\nexport const buildVisibilityMenuItems = (\n  column: ColumnDescriptor,\n  menuActionClickHandler: MenuItemClickHandler,\n  allowHide = true,\n  allowRemove = true,\n): MenuElements | null => {\n  if (!allowHide && !allowRemove) {\n    return null;\n  }\n  const menuItems: MenuElements = [];\n  const { name, label = name } = column;\n  if (allowHide) {\n    menuItems.push(\n      <MenuItem\n        data-menu-action-id=\"hide-column\"\n        key=\"hide-column\"\n        onClick={menuActionClickHandler}\n      >\n        {`Hide ${label} column`}\n      </MenuItem>,\n    );\n  }\n  if (allowRemove) {\n    menuItems.push(\n      <MenuItem\n        data-menu-action-id=\"remove-column\"\n        key=\"remove-column\"\n        onClick={menuActionClickHandler}\n      >\n        {`Remove ${label} column`}\n      </MenuItem>,\n    );\n  }\n\n  return menuItems;\n};\n\nexport const buildPinMenuItems = (\n  column: ColumnDescriptor,\n  menuActionClickHandler: MenuItemClickHandler,\n  isAllowed = true,\n): MenuElements => {\n  if (!isAllowed || column === undefined) {\n    return [];\n  }\n  const { pin } = column;\n\n  const menuItems: MenuElements = [];\n\n  const pinLeft = (\n    <MenuItem\n      data-menu-action-id=\"pin-column-left\"\n      key=\"pin-column-left\"\n      onClick={menuActionClickHandler}\n    >\n      Pin left\n    </MenuItem>\n  );\n\n  const pinRight = (\n    <MenuItem\n      data-menu-action-id=\"pin-column-right\"\n      key=\"pin-column-right\"\n      onClick={menuActionClickHandler}\n    >\n      Pin right\n    </MenuItem>\n  );\n\n  if (!pin) {\n    menuItems.push(\n      <Menu key=\"pin-menu\">\n        <MenuTrigger>\n          <MenuItem>Pin Column</MenuItem>\n        </MenuTrigger>\n        <MenuPanel>\n          {pinLeft}\n          {pinRight}\n        </MenuPanel>\n      </Menu>,\n    );\n  } else {\n    menuItems.push(\n      <MenuItem\n        data-menu-action-id=\"unpin-column\"\n        key=\"unpin-column\"\n        onClick={menuActionClickHandler}\n      >\n        Unpin\n      </MenuItem>,\n    );\n    if (pin === \"left\" || pin === \"right\") {\n      menuItems.push(\n        <Menu key=\"pin-menu\">\n          <MenuTrigger>\n            <MenuItem>Pin Column</MenuItem>\n          </MenuTrigger>\n          <MenuPanel>{pin === \"right\" ? pinLeft : pinRight}</MenuPanel>\n        </Menu>,\n      );\n    } else if (pin === \"floating\") {\n      menuItems.push(\n        <Menu key=\"pin-menu\">\n          <MenuTrigger>\n            <MenuItem>Pin Column</MenuItem>\n          </MenuTrigger>\n          <MenuPanel>\n            {pinLeft}\n            {pinRight}\n          </MenuPanel>\n        </Menu>,\n      );\n    } else {\n      menuItems.push(\n        <Menu key=\"pin-menu\">\n          <MenuTrigger>\n            <MenuItem>Pin Column</MenuItem>\n          </MenuTrigger>\n          <MenuPanel>{pinRight}</MenuPanel>\n        </Menu>,\n      );\n    }\n  }\n\n  return menuItems;\n};\n\nexport function buildAggregationMenuItems(\n  column: ColumnDescriptor,\n  dataSource: DataSource,\n  menuActionClickHandler: MenuItemClickHandler,\n  isAllowed = true,\n): MenuElements | null {\n  if (!isAllowed) {\n    return null;\n  }\n\n  const { name, label = name } = column;\n\n  if (dataSource.groupBy?.length === 0) {\n    return [];\n  } else {\n    const menuItems: MenuElements = [\n      <MenuItem\n        data-menu-action-id=\"agg-count\"\n        key=\"agg-count\"\n        onClick={menuActionClickHandler}\n      >\n        Count\n      </MenuItem>,\n      <MenuItem\n        data-menu-action-id=\"agg-distinct\"\n        key=\"agg-distinct\"\n        onClick={menuActionClickHandler}\n      >\n        Distinct\n      </MenuItem>,\n    ];\n\n    if (isNumericColumn(column)) {\n      menuItems.push(\n        <MenuItem\n          data-menu-action-id=\"agg-sum\"\n          key=\"agg-sum\"\n          onClick={menuActionClickHandler}\n        >\n          Sum\n        </MenuItem>,\n        <MenuItem\n          data-menu-action-id=\"agg-avg\"\n          key=\"agg-avg\"\n          onClick={menuActionClickHandler}\n        >\n          Average\n        </MenuItem>,\n        <MenuItem\n          data-menu-action-id=\"agg-high\"\n          key=\"agg-high\"\n          onClick={menuActionClickHandler}\n        >\n          High\n        </MenuItem>,\n        <MenuItem\n          data-menu-action-id=\"agg-low\"\n          key=\"agg-low\"\n          onClick={menuActionClickHandler}\n        >\n          Low\n        </MenuItem>,\n      );\n    }\n\n    return [\n      <Menu key=\"aggregate-menu\">\n        <MenuTrigger>\n          <MenuItem>{`Aggregate ${label}`}</MenuItem>\n        </MenuTrigger>\n        <MenuPanel>{menuItems}</MenuPanel>\n      </Menu>,\n    ];\n  }\n}\n"],"names":[],"mappings":"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"}

package/esm/column-menu/useColumnActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnActions.js","sources":["../../../../packages/vuu-table-extras/src/column-menu/useColumnActions.ts"],"sourcesContent":["/* eslint-disable no-sequences */\nimport { MenuActionHandler } from \"@vuu-ui/vuu-context-menu\";\nimport { Filter } from \"@vuu-ui/vuu-filter-types\";\nimport { VuuFilter } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  ColumnDescriptor,\n  ColumnDisplayAction,\n  RuntimeColumnDescriptor,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  addGroupColumn,\n  addSortColumn,\n  AggregationType,\n  logUnhandledMessage,\n  removeGroupColumn,\n  setAggregations,\n  setSortColumn,\n} from \"@vuu-ui/vuu-utils\";\nimport { ColumnMenuActionType } from \"./column-menu-utils\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\n\nexport interface ContextMenuOptions {\n  column?: RuntimeColumnDescriptor;\n  filter?: Filter;\n  sort?: VuuFilter;\n}\nexport interface ContextMenuHookProps {\n  dataSource: DataSource;\n  onColumnDisplayAction?: (action: ColumnDisplayAction) => void;\n}\n\nconst { Average, Count, Distinct, High, Low, Sum } = AggregationType;\n\nexport const useColumnActions = ({\n  dataSource,\n  onColumnDisplayAction,\n}: ContextMenuHookProps) => {\n  /** return {boolean} used by caller to determine whether to forward to additional installed context menu handlers */\n  const handleContextMenuAction: MenuActionHandler<\n    ColumnMenuActionType,\n    ColumnDescriptor\n  > = (columnMenuActionType, column): boolean => {\n    if (column && dataSource) {\n      // prettier-ignore\n      switch(columnMenuActionType){\n        // 1) DataSource operations ...\n        case \"sort-asc\": return (dataSource.sort = setSortColumn(dataSource.sort, column, \"A\")), true;\n        case \"sort-dsc\": return (dataSource.sort = setSortColumn(dataSource.sort, column, \"D\")), true;\n        case \"remove-sort\": return (dataSource.sort = {sortDefs:[]}), true;\n        case \"sort-add-asc\": return (dataSource.sort = addSortColumn(dataSource.sort, column, \"A\")), true;\n        case \"sort-add-dsc\": return (dataSource.sort = addSortColumn(dataSource.sort, column, \"D\")), true;\n        case \"group-column\": return (dataSource.groupBy = [column.name]), true;\n        case \"add-to-group\": return (dataSource.groupBy = addGroupColumn(dataSource.groupBy ?? [], column)), true;\n        case \"remove-group\": return (dataSource.groupBy = []), true;\n        case \"remove-from-group\": return (dataSource.groupBy = removeGroupColumn(dataSource.groupBy ?? [], column)), true;\n        case \"remove-column\": {\n          dataSource.columns = dataSource.columns.filter(name => name !== column.name);\n          onColumnDisplayAction?.({type: \"removeColumn\", column});\n          return true;\n        }\n        case \"agg-avg\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Average)), true;\n        case \"agg-high\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, High)), true;\n        case \"agg-low\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Low)), true;\n        case \"agg-count\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Count)), true;\n        case \"agg-distinct\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Distinct)), true;\n        case \"agg-sum\": return dataSource.aggregations = (setAggregations(dataSource.aggregations, column, Sum)), true;\n        // 2) Column display options ...\n        case \"hide-column\": return onColumnDisplayAction?.({type: \"hideColumn\", column}), true;\n        case \"pin-column-left\": return onColumnDisplayAction?.({type: \"pinColumn\", column, pin: \"left\"}), true;\n        case \"pin-column-right\": return onColumnDisplayAction?.({type: \"pinColumn\", column, pin: \"right\"}), true;\n        case \"unpin-column\": return onColumnDisplayAction?.({type: \"pinColumn\", column, pin: false}), true\n        default:\n          logUnhandledMessage(columnMenuActionType, `[vuu-table-extras] useColumnActions handleContextMenuAction, unhandled columnMenuActionType`)\n      }\n    }\n    return false;\n  };\n\n  return handleContextMenuAction;\n};\n"],"names":[],"mappings":"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"}

package/esm/column-picker/ColumnModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnModel.js","sources":["../../../../packages/vuu-table-extras/src/column-picker/ColumnModel.ts"],"sourcesContent":["import { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { EventEmitter, reorderColumnItems, ValueOf } from \"@vuu-ui/vuu-utils\";\n\nexport const ColumnChangeSource = {\n  ColumnPicker: \"column-picker\",\n  ColumnSettings: \"column-settings\",\n  Table: \"table\",\n} as const;\nexport type ColumnChangeSource = ValueOf<typeof ColumnChangeSource>;\n\nexport const SelectedColumnChangeType = {\n  CalculatedColumnAdded: \"calculated-column-added\",\n  ColumnAdded: \"column-added\",\n  ColumnRemoved: \"column-removed\",\n  ColumnUpdated: \"column-updated\",\n  ColumnsReordered: \"columns-reordered\",\n} as const;\nexport type SelectedColumnChangeType = ValueOf<typeof SelectedColumnChangeType>;\n\nexport interface SelectedColumnChangeColumnAdded {\n  type: Extract<SelectedColumnChangeType, \"column-added\">;\n  column: ColumnDescriptor;\n}\nexport interface SelectedColumnChangeCalculatedColumnAdded {\n  type: Extract<SelectedColumnChangeType, \"calculated-column-added\">;\n  column: ColumnDescriptor;\n}\nexport interface SelectedColumnChangeColumnUpdated {\n  type: Extract<SelectedColumnChangeType, \"column-updated\">;\n  column: ColumnDescriptor;\n}\n\nexport interface SelectedColumnChangeColumnRemoved {\n  type: Extract<SelectedColumnChangeType, \"column-removed\">;\n  column: ColumnDescriptor;\n}\n\nexport interface SelectedColumnChangeColumnsReordered {\n  type: Extract<SelectedColumnChangeType, \"columns-reordered\">;\n}\n\nexport type SelectedColumnChangeDescriptor =\n  | SelectedColumnChangeCalculatedColumnAdded\n  | SelectedColumnChangeColumnAdded\n  | SelectedColumnChangeColumnRemoved\n  | SelectedColumnChangeColumnUpdated\n  | SelectedColumnChangeColumnsReordered;\n\nexport const isColumnAdded = (\n  change?: SelectedColumnChangeDescriptor,\n): change is SelectedColumnChangeColumnAdded =>\n  change?.type === SelectedColumnChangeType.ColumnAdded;\nexport const isColumnRemoved = (\n  change?: SelectedColumnChangeDescriptor,\n): change is SelectedColumnChangeColumnRemoved =>\n  change?.type === SelectedColumnChangeType.ColumnRemoved;\nexport const isColumnUpdated = (\n  change?: SelectedColumnChangeDescriptor,\n): change is SelectedColumnChangeColumnUpdated =>\n  change?.type === SelectedColumnChangeType.ColumnUpdated;\nexport const isColumnsReordered = (\n  change?: SelectedColumnChangeDescriptor,\n): change is SelectedColumnChangeColumnsReordered =>\n  change?.type === SelectedColumnChangeType.ColumnsReordered;\n\nexport type ColumnsChangeHandler = (\n  columns: readonly ColumnDescriptor[],\n  changeSource: ColumnChangeSource,\n  changeDescriptor?: SelectedColumnChangeDescriptor,\n) => void;\nexport type ColumnEvents = {\n  change: ColumnsChangeHandler;\n  render: (o: object) => void;\n};\n\nconst byColumnName = (\n  { name: n1, label: l1 = n1 }: ColumnDescriptor,\n  { name: n2, label: l2 = n2 }: ColumnDescriptor,\n) => (l1 > l2 ? 1 : l2 > l1 ? -1 : 0);\n\nconst filterColumns = (\n  columns: readonly ColumnDescriptor[],\n  pattern: string,\n) => {\n  if (pattern) {\n    const lowerCasePattern = pattern.toLowerCase();\n    return columns.filter(\n      ({ name, label = name }) =>\n        label.toLowerCase().indexOf(lowerCasePattern) !== -1,\n    );\n  } else {\n    return columns;\n  }\n};\n\nexport class ColumnModel extends EventEmitter<ColumnEvents> {\n  #searchPattern = \"\";\n  #selectedColumns: readonly ColumnDescriptor[];\n  constructor(\n    /**\n     * All available columns, including selected columns.\n     */\n    public allColumns: readonly ColumnDescriptor[],\n    /**\n     * Columns already selected and rendered in Table.\n     */\n    selectedColumns: readonly ColumnDescriptor[],\n  ) {\n    super();\n    this.#selectedColumns = selectedColumns;\n  }\n\n  get availableColumns(): ColumnDescriptor[] {\n    return filterColumns(this.allColumns, this.#searchPattern)\n      .filter(\n        ({ name }) =>\n          this.#selectedColumns.findIndex((c) => c.name === name) === -1,\n      )\n      .toSorted(byColumnName);\n  }\n\n  set searchPattern(pattern: string) {\n    const searchPattern = pattern;\n    if (searchPattern !== this.#searchPattern) {\n      this.#searchPattern = searchPattern;\n      this.emit(\"render\", {});\n    }\n  }\n\n  get searchPattern() {\n    return this.#searchPattern ?? \"\";\n  }\n\n  get selectedColumns() {\n    return filterColumns(this.#selectedColumns, this.#searchPattern);\n  }\n  setSelectedColumns(\n    selectedColumns: ColumnDescriptor[],\n    source: ColumnChangeSource,\n    changeDescriptor?: SelectedColumnChangeDescriptor,\n  ) {\n    this.#selectedColumns = selectedColumns;\n    this.notifyListeners(selectedColumns, source, changeDescriptor);\n  }\n\n  getColumn(name: string) {\n    const col = this.#selectedColumns.find((col) => col.name === name);\n    if (col) {\n      return col;\n    }\n    throw Error(`[ColumnModel] columns does not contain column ${name}`);\n  }\n\n  addItemToSelectedColumns(name: string, source: ColumnChangeSource) {\n    const column = this.allColumns.find((col) => col.name === name);\n    if (column) {\n      this.#selectedColumns = this.#selectedColumns.concat(column);\n      this.notifyListeners(this.#selectedColumns, source, {\n        type: SelectedColumnChangeType.ColumnAdded,\n        column,\n      });\n    } else {\n      throw Error(\n        `[ColumnModel] addItemToSelectedColumns, column '${name}' not found`,\n      );\n    }\n  }\n  removeItemFromSelectedColumns(name: string, source: ColumnChangeSource) {\n    const column = this.#selectedColumns.find((col) => col.name === name);\n    if (column) {\n      const index = this.#selectedColumns.indexOf(column);\n      this.#selectedColumns = this.#selectedColumns.toSpliced(index, 1);\n      this.notifyListeners(this.#selectedColumns, source, {\n        type: SelectedColumnChangeType.ColumnRemoved,\n        column,\n      });\n    } else {\n      throw Error(\n        `[ColumnModel] removeItemFromSelectedColumns, column '${name}' not found`,\n      );\n    }\n  }\n\n  reorderSelectedColumns(\n    orderedColumnNames: string[],\n    source: ColumnChangeSource,\n  ) {\n    this.setSelectedColumns(\n      reorderColumnItems(this.#selectedColumns, orderedColumnNames),\n      source,\n      { type: SelectedColumnChangeType.ColumnsReordered },\n    );\n  }\n\n  updateColumn(\n    currentColumn: ColumnDescriptor,\n    newColumn: ColumnDescriptor,\n  ): void;\n  updateColumn(column: ColumnDescriptor): void;\n  updateColumn(column: ColumnDescriptor, newColumn: ColumnDescriptor = column) {\n    const allIndex = this.allColumns.findIndex(\n      (col) => col.name === column.name,\n    );\n    const selectedIndex = this.#selectedColumns.findIndex(\n      (col) => col.name === column.name,\n    );\n\n    if (selectedIndex !== -1) {\n      if (allIndex === -1) {\n        throw Error(\n          `[ColumnModel] updateColumn, selected column not in allColumns collection`,\n        );\n      }\n\n      this.#selectedColumns = this.#selectedColumns.toSpliced(\n        selectedIndex,\n        1,\n        newColumn,\n      );\n      this.allColumns = this.allColumns.toSpliced(allIndex, 1, newColumn);\n\n      this.notifyListeners(this.#selectedColumns, \"column-settings\", {\n        type: SelectedColumnChangeType.ColumnUpdated,\n        column,\n      });\n    } else {\n      throw Error(\n        `[ColumnModel] updateColumn, column ${column.name} not found`,\n      );\n    }\n  }\n\n  /**\n   * Used when adding a calculated column\n   *\n   * @param column\n   *\n   * @param addToSelectedColumns\n   */\n  addColumn(column: ColumnDescriptor, addToSelectedColumns = false) {\n    console.log(`[ColumnModel] add column ${JSON.stringify(column)}`);\n    if (addToSelectedColumns) {\n      console.log(`add it to selected coliumns`);\n    }\n\n    this.allColumns = this.allColumns.concat(column);\n    this.#selectedColumns = this.#selectedColumns.concat(column);\n\n    this.notifyListeners(this.#selectedColumns, \"column-picker\", {\n      type: SelectedColumnChangeType.CalculatedColumnAdded,\n      column,\n    });\n  }\n\n  private notifyListeners: ColumnsChangeHandler = (\n    columns,\n    source,\n    changeType,\n  ) => {\n    this.emit(\"change\", columns, source, changeType);\n    this.emit(\"render\", {});\n  };\n}\n"],"names":["col"],"mappings":";;;;;;;;;;;;AAAA,IAAA,cAAA,EAAA,gBAAA;AAGO,MAAM,kBAAqB,GAAA;AAAA,EAChC,YAAc,EAAA,eAAA;AAAA,EACd,cAAgB,EAAA,iBAAA;AAAA,EAChB,KAAO,EAAA;AACT;AAGO,MAAM,wBAA2B,GAAA;AAAA,EACtC,qBAAuB,EAAA,yBAAA;AAAA,EACvB,WAAa,EAAA,cAAA;AAAA,EACb,aAAe,EAAA,gBAAA;AAAA,EACf,aAAe,EAAA,gBAAA;AAAA,EACf,gBAAkB,EAAA;AACpB;AAgCO,MAAM,aAAgB,GAAA,CAC3B,MAEA,KAAA,MAAA,EAAQ,SAAS,wBAAyB,CAAA;AACrC,MAAM,eAAkB,GAAA,CAC7B,MAEA,KAAA,MAAA,EAAQ,SAAS,wBAAyB,CAAA;AAKrC,MAAM,kBAAqB,GAAA,CAChC,MAEA,KAAA,MAAA,EAAQ,SAAS,wBAAyB,CAAA;AAY5C,MAAM,YAAA,GAAe,CACnB,EAAE,IAAA,EAAM,IAAI,KAAO,EAAA,EAAA,GAAK,IACxB,EAAA,EAAE,MAAM,EAAI,EAAA,KAAA,EAAO,KAAK,EAAG,EAAA,KACvB,KAAK,EAAK,GAAA,CAAA,GAAI,EAAK,GAAA,EAAA,GAAK,CAAK,CAAA,GAAA,CAAA;AAEnC,MAAM,aAAA,GAAgB,CACpB,OAAA,EACA,OACG,KAAA;AACH,EAAA,IAAI,OAAS,EAAA;AACX,IAAM,MAAA,gBAAA,GAAmB,QAAQ,WAAY,EAAA;AAC7C,IAAA,OAAO,OAAQ,CAAA,MAAA;AAAA,MACb,CAAC,EAAE,IAAA,EAAM,KAAQ,GAAA,IAAA,EACf,KAAA,KAAA,CAAM,WAAY,EAAA,CAAE,OAAQ,CAAA,gBAAgB,CAAM,KAAA,CAAA;AAAA,KACtD;AAAA,GACK,MAAA;AACL,IAAO,OAAA,OAAA;AAAA;AAEX,CAAA;AAEO,MAAM,oBAAoB,YAA2B,CAAA;AAAA,EAG1D,WAAA,CAIS,YAIP,eACA,EAAA;AACA,IAAM,KAAA,EAAA;AANC,IAAA,IAAA,CAAA,UAAA,GAAA,UAAA;AANT,IAAiB,YAAA,CAAA,IAAA,EAAA,cAAA,EAAA,EAAA,CAAA;AACjB,IAAA,YAAA,CAAA,IAAA,EAAA,gBAAA,CAAA;AA6JA,IAAA,aAAA,CAAA,IAAA,EAAQ,iBAAwC,EAAA,CAC9C,OACA,EAAA,MAAA,EACA,UACG,KAAA;AACH,MAAA,IAAA,CAAK,IAAK,CAAA,QAAA,EAAU,OAAS,EAAA,MAAA,EAAQ,UAAU,CAAA;AAC/C,MAAK,IAAA,CAAA,IAAA,CAAK,QAAU,EAAA,EAAE,CAAA;AAAA,KACxB,CAAA;AAxJE,IAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,eAAA,CAAA;AAAA;AAC1B,EAEA,IAAI,gBAAuC,GAAA;AACzC,IAAA,OAAO,aAAc,CAAA,IAAA,CAAK,UAAY,EAAA,YAAA,CAAA,IAAA,EAAK,eAAc,CACtD,CAAA,MAAA;AAAA,MACC,CAAC,EAAE,IAAK,EAAA,KACN,YAAK,CAAA,IAAA,EAAA,gBAAA,CAAA,CAAiB,SAAU,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,IAAI,CAAM,KAAA,CAAA;AAAA,KAChE,CACC,SAAS,YAAY,CAAA;AAAA;AAC1B,EAEA,IAAI,cAAc,OAAiB,EAAA;AACjC,IAAA,MAAM,aAAgB,GAAA,OAAA;AACtB,IAAI,IAAA,aAAA,KAAkB,mBAAK,cAAgB,CAAA,EAAA;AACzC,MAAA,YAAA,CAAA,IAAA,EAAK,cAAiB,EAAA,aAAA,CAAA;AACtB,MAAK,IAAA,CAAA,IAAA,CAAK,QAAU,EAAA,EAAE,CAAA;AAAA;AACxB;AACF,EAEA,IAAI,aAAgB,GAAA;AAClB,IAAA,OAAO,mBAAK,cAAkB,CAAA,IAAA,EAAA;AAAA;AAChC,EAEA,IAAI,eAAkB,GAAA;AACpB,IAAA,OAAO,aAAc,CAAA,YAAA,CAAA,IAAA,EAAK,gBAAkB,CAAA,EAAA,YAAA,CAAA,IAAA,EAAK,cAAc,CAAA,CAAA;AAAA;AACjE,EACA,kBAAA,CACE,eACA,EAAA,MAAA,EACA,gBACA,EAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,eAAA,CAAA;AACxB,IAAK,IAAA,CAAA,eAAA,CAAgB,eAAiB,EAAA,MAAA,EAAQ,gBAAgB,CAAA;AAAA;AAChE,EAEA,UAAU,IAAc,EAAA;AACtB,IAAM,MAAA,GAAA,GAAM,mBAAK,gBAAiB,CAAA,CAAA,IAAA,CAAK,CAACA,IAAQA,KAAAA,IAAAA,CAAI,SAAS,IAAI,CAAA;AACjE,IAAA,IAAI,GAAK,EAAA;AACP,MAAO,OAAA,GAAA;AAAA;AAET,IAAM,MAAA,KAAA,CAAM,CAAiD,8CAAA,EAAA,IAAI,CAAE,CAAA,CAAA;AAAA;AACrE,EAEA,wBAAA,CAAyB,MAAc,MAA4B,EAAA;AACjE,IAAM,MAAA,MAAA,GAAS,KAAK,UAAW,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA,GAAA,CAAI,SAAS,IAAI,CAAA;AAC9D,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,YAAA,CAAA,IAAA,EAAK,gBAAiB,CAAA,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAC3D,MAAK,IAAA,CAAA,eAAA,CAAgB,YAAK,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAkB,MAAQ,EAAA;AAAA,QAClD,MAAM,wBAAyB,CAAA,WAAA;AAAA,QAC/B;AAAA,OACD,CAAA;AAAA,KACI,MAAA;AACL,MAAM,MAAA,KAAA;AAAA,QACJ,mDAAmD,IAAI,CAAA,WAAA;AAAA,OACzD;AAAA;AACF;AACF,EACA,6BAAA,CAA8B,MAAc,MAA4B,EAAA;AACtE,IAAM,MAAA,MAAA,GAAS,mBAAK,gBAAiB,CAAA,CAAA,IAAA,CAAK,CAAC,GAAQ,KAAA,GAAA,CAAI,SAAS,IAAI,CAAA;AACpE,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,MAAM,KAAQ,GAAA,YAAA,CAAA,IAAA,EAAK,gBAAiB,CAAA,CAAA,OAAA,CAAQ,MAAM,CAAA;AAClD,MAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,YAAA,CAAA,IAAA,EAAK,gBAAiB,CAAA,CAAA,SAAA,CAAU,OAAO,CAAC,CAAA,CAAA;AAChE,MAAK,IAAA,CAAA,eAAA,CAAgB,YAAK,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAkB,MAAQ,EAAA;AAAA,QAClD,MAAM,wBAAyB,CAAA,aAAA;AAAA,QAC/B;AAAA,OACD,CAAA;AAAA,KACI,MAAA;AACL,MAAM,MAAA,KAAA;AAAA,QACJ,wDAAwD,IAAI,CAAA,WAAA;AAAA,OAC9D;AAAA;AACF;AACF,EAEA,sBAAA,CACE,oBACA,MACA,EAAA;AACA,IAAK,IAAA,CAAA,kBAAA;AAAA,MACH,kBAAA,CAAmB,YAAK,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAkB,kBAAkB,CAAA;AAAA,MAC5D,MAAA;AAAA,MACA,EAAE,IAAM,EAAA,wBAAA,CAAyB,gBAAiB;AAAA,KACpD;AAAA;AACF,EAOA,YAAA,CAAa,MAA0B,EAAA,SAAA,GAA8B,MAAQ,EAAA;AAC3E,IAAM,MAAA,QAAA,GAAW,KAAK,UAAW,CAAA,SAAA;AAAA,MAC/B,CAAC,GAAA,KAAQ,GAAI,CAAA,IAAA,KAAS,MAAO,CAAA;AAAA,KAC/B;AACA,IAAM,MAAA,aAAA,GAAgB,mBAAK,gBAAiB,CAAA,CAAA,SAAA;AAAA,MAC1C,CAAC,GAAA,KAAQ,GAAI,CAAA,IAAA,KAAS,MAAO,CAAA;AAAA,KAC/B;AAEA,IAAA,IAAI,kBAAkB,CAAI,CAAA,EAAA;AACxB,MAAA,IAAI,aAAa,CAAI,CAAA,EAAA;AACnB,QAAM,MAAA,KAAA;AAAA,UACJ,CAAA,wEAAA;AAAA,SACF;AAAA;AAGF,MAAK,YAAA,CAAA,IAAA,EAAA,gBAAA,EAAmB,mBAAK,gBAAiB,CAAA,CAAA,SAAA;AAAA,QAC5C,aAAA;AAAA,QACA,CAAA;AAAA,QACA;AAAA,OACF,CAAA;AACA,MAAA,IAAA,CAAK,aAAa,IAAK,CAAA,UAAA,CAAW,SAAU,CAAA,QAAA,EAAU,GAAG,SAAS,CAAA;AAElE,MAAK,IAAA,CAAA,eAAA,CAAgB,YAAK,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAkB,iBAAmB,EAAA;AAAA,QAC7D,MAAM,wBAAyB,CAAA,aAAA;AAAA,QAC/B;AAAA,OACD,CAAA;AAAA,KACI,MAAA;AACL,MAAM,MAAA,KAAA;AAAA,QACJ,CAAA,mCAAA,EAAsC,OAAO,IAAI,CAAA,UAAA;AAAA,OACnD;AAAA;AACF;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,SAAA,CAAU,MAA0B,EAAA,oBAAA,GAAuB,KAAO,EAAA;AAChE,IAAA,OAAA,CAAQ,IAAI,CAA4B,yBAAA,EAAA,IAAA,CAAK,SAAU,CAAA,MAAM,CAAC,CAAE,CAAA,CAAA;AAChE,IAAA,IAAI,oBAAsB,EAAA;AACxB,MAAA,OAAA,CAAQ,IAAI,CAA6B,2BAAA,CAAA,CAAA;AAAA;AAG3C,IAAA,IAAA,CAAK,UAAa,GAAA,IAAA,CAAK,UAAW,CAAA,MAAA,CAAO,MAAM,CAAA;AAC/C,IAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,YAAA,CAAA,IAAA,EAAK,gBAAiB,CAAA,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAE3D,IAAK,IAAA,CAAA,eAAA,CAAgB,YAAK,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAkB,eAAiB,EAAA;AAAA,MAC3D,MAAM,wBAAyB,CAAA,qBAAA;AAAA,MAC/B;AAAA,KACD,CAAA;AAAA;AAWL;AAtKE,cAAA,GAAA,IAAA,OAAA,EAAA;AACA,gBAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/esm/column-picker/ColumnPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnPicker.js","sources":["../../../../packages/vuu-table-extras/src/column-picker/ColumnPicker.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  DragDropProvider,\n  getColumnLabel,\n  isCalculatedColumn,\n  useSortable,\n} from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  MouseEventHandler,\n  RefCallback,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport {\n  Button,\n  Input,\n  ListBox,\n  ListBoxProps,\n  Option,\n  OptionProps,\n} from \"@salt-ds/core\";\nimport { applyHighlighting } from \"@vuu-ui/vuu-table\";\nimport { Icon, IconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { ColumnChangeSource } from \"./ColumnModel\";\nimport { ColumnPickerHookProps, useColumnPicker } from \"./useColumnPicker\";\n\nimport columnPickerCss from \"./ColumnPicker.css\";\n\nconst classBase = \"vuuColumnPicker\";\nexport const classBaseListItem = \"vuuColumnPickerListItem\";\n\nexport interface ColumnPickerProps\n  extends ColumnPickerHookProps,\n    Pick<ListBoxProps<ColumnDescriptor>, \"selected\" | \"onSelectionChange\">,\n    HTMLAttributes<HTMLDivElement> {\n  allowCreateCalculatedColumn?: boolean;\n  onClickCreateCalculatedColumn?: MouseEventHandler<HTMLButtonElement>;\n}\n\nconst searchIcon = <span data-icon=\"search\" />;\nconst NO_SELECTION: ColumnDescriptor[] = [] as const;\n\nconst useSorting = (id: string, index: number) => {\n  const { handleRef: sortableHandleRef, ref: sortableRef } = useSortable({\n    id,\n    index,\n  });\n\n  const [handleRef, ref] = useMemo(() => {\n    return [sortableHandleRef, sortableRef];\n  }, [sortableHandleRef, sortableRef]);\n\n  return {\n    handleRef,\n    ref,\n  };\n};\n\nconst SelectedColumnListItem = ({\n  className: classNameProp,\n  index,\n  column,\n  onRemove,\n  searchPattern = \"\",\n  ...optionProps\n}: OptionProps & {\n  index: number;\n  column: ColumnDescriptor;\n  onRemove: MouseEventHandler<HTMLButtonElement>;\n  searchPattern?: Lowercase<string>;\n}) => {\n  const { handleRef, ref } = useSorting(column.name, index);\n  const value = getColumnLabel(column as ColumnDescriptor);\n  const valueWithHighlighting = applyHighlighting(value, searchPattern);\n\n  const handleRemoveButtonClick = useCallback<\n    MouseEventHandler<HTMLButtonElement>\n  >(\n    (e) => {\n      e.stopPropagation();\n      onRemove?.(e);\n    },\n    [onRemove],\n  );\n\n  return (\n    <Option\n      {...optionProps}\n      className={cx(classNameProp, classBaseListItem)}\n      data-name={column.name}\n      ref={ref}\n    >\n      <IconButton\n        data-embedded\n        appearance=\"transparent\"\n        icon=\"draggable\"\n        ref={handleRef}\n        size={16}\n      />\n      {isCalculatedColumn(column.name) ? (\n        <Icon className=\"vuuCalculatedColumnIcon\" name=\"function\" />\n      ) : null}\n      <span className={`${classBase}-text`}>{valueWithHighlighting}</span>\n      <IconButton\n        className={`${classBaseListItem}-action`}\n        data-embedded\n        appearance=\"transparent\"\n        icon=\"cross\"\n        onClick={handleRemoveButtonClick}\n        size={16}\n      />\n    </Option>\n  );\n};\n\nconst AvailableColumnListItem = ({\n  className: classNameProp,\n  index,\n  column: item,\n  onAdd,\n  searchPattern = \"\",\n  ...optionProps\n}: OptionProps & {\n  index: number;\n  column: ColumnDescriptor;\n  onAdd: MouseEventHandler<HTMLButtonElement>;\n  searchPattern?: Lowercase<string>;\n}) => {\n  const value = getColumnLabel(item as ColumnDescriptor);\n  const valueWithHighlighting = applyHighlighting(value, searchPattern);\n\n  return (\n    <Option\n      {...optionProps}\n      className={cx(classNameProp, classBaseListItem)}\n      data-name={item.name}\n    >\n      <span className={`${classBase}-text`}>{valueWithHighlighting}</span>\n      <IconButton\n        className={`${classBaseListItem}-action`}\n        data-embedded\n        appearance=\"transparent\"\n        icon=\"plus\"\n        onClick={onAdd}\n        size={16}\n      />\n    </Option>\n  );\n};\n\nexport const ColumnPicker = forwardRef(function ColumnPicker(\n  {\n    allowCreateCalculatedColumn,\n    columnModel,\n    className,\n    onClickCreateCalculatedColumn,\n    onSelectionChange,\n    selected = NO_SELECTION,\n    ...htmlAttributes\n  }: ColumnPickerProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-column-picker\",\n    css: columnPickerCss,\n    window: targetWindow,\n  });\n\n  const searchCallbackRef = useCallback<RefCallback<HTMLElement>>((el) => {\n    setTimeout(() => {\n      el?.querySelector(\"input\")?.focus();\n    }, 100);\n  }, []);\n\n  const {\n    availableColumns,\n    onAddItemToSelectedList,\n    onChangeSearchInput,\n    onRemoveItemFromSelectedList,\n    searchText,\n    selectedColumns,\n  } = useColumnPicker({\n    columnModel: columnModel,\n  });\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const getOptionName = (option?: HTMLElement) => {\n    if (option) {\n      const { name } = option.dataset;\n      if (name) {\n        return name;\n      }\n    }\n    throw Error(\"[ColumnPicker] list option has no data-name\");\n  };\n\n  const handleDragEnd = useCallback(() => {\n    setTimeout(() => {\n      const listItems =\n        listRef.current?.querySelectorAll<HTMLDivElement>(\".saltOption\");\n      if (listItems) {\n        const orderedColumnNames = Array.from(listItems).map(getOptionName);\n        columnModel.reorderSelectedColumns(\n          orderedColumnNames,\n          ColumnChangeSource.ColumnPicker,\n        );\n      }\n    }, 300);\n  }, [columnModel]);\n\n  const oneOrMoreColumnsIsCalculated = selectedColumns.some((column) =>\n    isCalculatedColumn(column.name),\n  );\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase, className, {\n        [`${classBase}-withCalculated`]: oneOrMoreColumnsIsCalculated,\n      })}\n      ref={forwardedRef}\n    >\n      <form className={`${classBase}-search`} role=\"search\">\n        <Input\n          startAdornment={searchIcon}\n          placeholder=\"Find column\"\n          ref={searchCallbackRef}\n          value={searchText}\n          onChange={onChangeSearchInput}\n        />\n      </form>\n\n      <div className={`${classBase}-scrollContainer vuuScrollable`}>\n        <div className={`${classBase}-sectionHeader`}>Columns in view</div>\n        <DragDropProvider onDragEnd={handleDragEnd}>\n          <ListBox\n            className={`${classBase}-selectedList`}\n            onSelectionChange={onSelectionChange}\n            ref={listRef}\n            selected={selected}\n          >\n            {selectedColumns.map((column, index) => (\n              <SelectedColumnListItem\n                column={column}\n                index={index}\n                key={column.name}\n                onRemove={onRemoveItemFromSelectedList}\n                searchPattern={searchText.toLowerCase() as Lowercase<string>}\n                value={column}\n              />\n            ))}\n          </ListBox>\n        </DragDropProvider>\n\n        <div\n          className={cx(\n            `${classBase}-sectionHeader`,\n            `${classBase}-availableHeader`,\n          )}\n        >\n          Available columns\n        </div>\n        <ListBox\n          className={`${classBase}-availableList`}\n          selected={NO_SELECTION}\n        >\n          {availableColumns.map((column, index) => (\n            <AvailableColumnListItem\n              column={column}\n              index={index}\n              key={column.name}\n              onAdd={onAddItemToSelectedList}\n              searchPattern={searchText.toLowerCase() as Lowercase<string>}\n              value={column}\n            />\n          ))}\n        </ListBox>\n      </div>\n      {allowCreateCalculatedColumn ? (\n        <div className={`${classBase}-column-buttons`}>\n          <Button onClick={onClickCreateCalculatedColumn}>\n            Create calculated column\n          </Button>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n"],"names":["ColumnPicker"],"mappings":"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"}

package/esm/column-picker/ColumnPickerAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnPickerAction.js","sources":["../../../../packages/vuu-table-extras/src/column-picker/ColumnPickerAction.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from \"@vuu-ui/vuu-ui-controls\";\nimport { ColumnPickerHookProps } from \"./useColumnPicker\";\nimport { useCallback } from \"react\";\nimport { useTableColumnPicker } from \"./useTableColumnPicker\";\n\nexport interface ColumnPickerActionProps\n  extends Partial<IconButtonProps>,\n    ColumnPickerHookProps {}\n\nexport const ColumnPickerAction = ({\n  appearance = \"transparent\",\n  columnModel,\n  icon = \"settings\",\n  sentiment = \"neutral\",\n  ...IconButtonProps\n}: ColumnPickerActionProps) => {\n  const { showColumnPicker } = useTableColumnPicker({ columnModel });\n\n  const handleClick = useCallback(() => {\n    showColumnPicker();\n  }, [showColumnPicker]);\n\n  return (\n    <IconButton\n      {...IconButtonProps}\n      appearance={appearance}\n      data-action=\"table-settings\"\n      icon={icon}\n      onClick={handleClick}\n      sentiment={sentiment}\n      size={20}\n    />\n  );\n};\n"],"names":["IconButtonProps"],"mappings":";;;;;AASO,MAAM,qBAAqB,CAAC;AAAA,EACjC,UAAa,GAAA,aAAA;AAAA,EACb,WAAA;AAAA,EACA,IAAO,GAAA,UAAA;AAAA,EACP,SAAY,GAAA,SAAA;AAAA,EACZ,GAAGA;AACL,CAA+B,KAAA;AAC7B,EAAA,MAAM,EAAE,gBAAiB,EAAA,GAAI,oBAAqB,CAAA,EAAE,aAAa,CAAA;AAEjE,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAiB,gBAAA,EAAA;AAAA,GACnB,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAGA,gBAAAA;AAAA,MACJ,UAAA;AAAA,MACA,aAAY,EAAA,gBAAA;AAAA,MACZ,IAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,SAAA;AAAA,MACA,IAAM,EAAA;AAAA;AAAA,GACR;AAEJ;;;;"}

package/esm/column-picker/useColumnPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnPicker.js","sources":["../../../../packages/vuu-table-extras/src/column-picker/useColumnPicker.tsx"],"sourcesContent":["import { ColumnDescriptor, TableSelectionModel } from \"@vuu-ui/vuu-table-types\";\nimport { queryClosest } from \"@vuu-ui/vuu-utils\";\nimport {\n  FormEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport {\n  ColumnChangeSource,\n  ColumnModel,\n  SelectedColumnChangeType,\n} from \"./ColumnModel\";\n\nexport type ColumnSelectionModel = Extract<\n  TableSelectionModel,\n  \"none\" | \"single\"\n>;\n\nconst SOURCE = ColumnChangeSource.ColumnPicker;\n\nconst columnName = (target: EventTarget) => {\n  const listItem = queryClosest(target, \".saltOption\", true);\n  const { name } = listItem.dataset;\n  if (name) {\n    return name;\n  } else {\n    throw Error(\n      \"[useColumnPicker] column name could not be identified, data-name attribute not found\",\n    );\n  }\n};\nexport type SelectedColumnsChangeHandler = (\n  columns: ColumnDescriptor[],\n  changeType: SelectedColumnChangeType,\n) => void;\n\nexport interface ColumnPickerHookProps {\n  columnModel: ColumnModel;\n}\n\nexport const useColumnPicker = ({\n  columnModel: model,\n}: ColumnPickerHookProps) => {\n  const [, forceRender] = useState({});\n  useEffect(() => {\n    model.on(\"render\", forceRender);\n    return () => {\n      model.removeListener(\"render\", forceRender);\n    };\n  }, [model]);\n\n  const handleChangeSearchInput = useCallback<FormEventHandler>(\n    (evt) => {\n      const { value } = evt.target as HTMLInputElement;\n      model.searchPattern = value;\n    },\n    [model],\n  );\n\n  const handleAddItemToSelectedList = useCallback<\n    MouseEventHandler<HTMLButtonElement>\n  >(\n    (e) => model.addItemToSelectedColumns(columnName(e.target), SOURCE),\n    [model],\n  );\n\n  const handleRemoveItemFromSelectedList = useCallback<\n    MouseEventHandler<HTMLButtonElement>\n  >(\n    (e) => model.removeItemFromSelectedColumns(columnName(e.target), SOURCE),\n    [model],\n  );\n\n  return {\n    availableColumns: model.availableColumns,\n    onAddItemToSelectedList: handleAddItemToSelectedList,\n    onRemoveItemFromSelectedList: handleRemoveItemFromSelectedList,\n    onChangeSearchInput: handleChangeSearchInput,\n    searchText: model.searchPattern,\n    selectedColumns: model.selectedColumns,\n  };\n};\n"],"names":[],"mappings":";;;;AAoBA,MAAM,SAAS,kBAAmB,CAAA,YAAA;AAElC,MAAM,UAAA,GAAa,CAAC,MAAwB,KAAA;AAC1C,EAAA,MAAM,QAAW,GAAA,YAAA,CAAa,MAAQ,EAAA,aAAA,EAAe,IAAI,CAAA;AACzD,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,QAAS,CAAA,OAAA;AAC1B,EAAA,IAAI,IAAM,EAAA;AACR,IAAO,OAAA,IAAA;AAAA,GACF,MAAA;AACL,IAAM,MAAA,KAAA;AAAA,MACJ;AAAA,KACF;AAAA;AAEJ,CAAA;AAUO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,WAAa,EAAA;AACf,CAA6B,KAAA;AAC3B,EAAA,MAAM,GAAG,WAAW,CAAI,GAAA,QAAA,CAAS,EAAE,CAAA;AACnC,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,KAAA,CAAA,EAAA,CAAG,UAAU,WAAW,CAAA;AAC9B,IAAA,OAAO,MAAM;AACX,MAAM,KAAA,CAAA,cAAA,CAAe,UAAU,WAAW,CAAA;AAAA,KAC5C;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,uBAA0B,GAAA,WAAA;AAAA,IAC9B,CAAC,GAAQ,KAAA;AACP,MAAM,MAAA,EAAE,KAAM,EAAA,GAAI,GAAI,CAAA,MAAA;AACtB,MAAA,KAAA,CAAM,aAAgB,GAAA,KAAA;AAAA,KACxB;AAAA,IACA,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,MAAM,2BAA8B,GAAA,WAAA;AAAA,IAGlC,CAAC,MAAM,KAAM,CAAA,wBAAA,CAAyB,WAAW,CAAE,CAAA,MAAM,GAAG,MAAM,CAAA;AAAA,IAClE,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,MAAM,gCAAmC,GAAA,WAAA;AAAA,IAGvC,CAAC,MAAM,KAAM,CAAA,6BAAA,CAA8B,WAAW,CAAE,CAAA,MAAM,GAAG,MAAM,CAAA;AAAA,IACvE,CAAC,KAAK;AAAA,GACR;AAEA,EAAO,OAAA;AAAA,IACL,kBAAkB,KAAM,CAAA,gBAAA;AAAA,IACxB,uBAAyB,EAAA,2BAAA;AAAA,IACzB,4BAA8B,EAAA,gCAAA;AAAA,IAC9B,mBAAqB,EAAA,uBAAA;AAAA,IACrB,YAAY,KAAM,CAAA,aAAA;AAAA,IAClB,iBAAiB,KAAM,CAAA;AAAA,GACzB;AACF;;;;"}

package/esm/column-picker/useTableColumnPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableColumnPicker.js","sources":["../../../../packages/vuu-table-extras/src/column-picker/useTableColumnPicker.tsx"],"sourcesContent":["import { useContextPanel, useHideContextPanel } from \"@vuu-ui/vuu-ui-controls\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport { ColumnPicker } from \"./ColumnPicker\";\nimport { ColumnModel } from \"./ColumnModel\";\n\nexport interface TableColumnPickerHookProps {\n  columnModel: ColumnModel;\n}\n\nexport const useTableColumnPicker = ({\n  columnModel,\n}: TableColumnPickerHookProps) => {\n  const showContextPanel = useContextPanel();\n  const hideContextPanel = useHideContextPanel();\n  const contextPanelShowing = useRef(false);\n\n  const showColumnPicker = useCallback(\n    (title = \"Column Picker\") => {\n      contextPanelShowing.current = true;\n      showContextPanel(<ColumnPicker columnModel={columnModel} />, title);\n    },\n    [columnModel, showContextPanel],\n  );\n\n  // TODO what's this for ?\n  useEffect(\n    () => () => {\n      if (contextPanelShowing.current) {\n        // It might already be closed, but this won't do any harm\n        hideContextPanel?.();\n      }\n    },\n    [hideContextPanel],\n  );\n\n  return {\n    showColumnPicker,\n  };\n};\n"],"names":[],"mappings":";;;;;AASO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AACF,CAAkC,KAAA;AAChC,EAAA,MAAM,mBAAmB,eAAgB,EAAA;AACzC,EAAA,MAAM,mBAAmB,mBAAoB,EAAA;AAC7C,EAAM,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA;AAExC,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,QAAQ,eAAoB,KAAA;AAC3B,MAAA,mBAAA,CAAoB,OAAU,GAAA,IAAA;AAC9B,MAAA,gBAAA,iBAAkB,GAAA,CAAA,YAAA,EAAA,EAAa,WAA0B,EAAA,CAAA,EAAI,KAAK,CAAA;AAAA,KACpE;AAAA,IACA,CAAC,aAAa,gBAAgB;AAAA,GAChC;AAGA,EAAA,SAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAA,IAAI,oBAAoB,OAAS,EAAA;AAE/B,QAAmB,gBAAA,IAAA;AAAA;AACrB,KACF;AAAA,IACA,CAAC,gBAAgB;AAAA,GACnB;AAEA,EAAO,OAAA;AAAA,IACL;AAAA,GACF;AACF;;;;"}

package/esm/column-settings-panel/ColumnNameLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnNameLabel.js","sources":["../../../../packages/vuu-table-extras/src/column-settings-panel/ColumnNameLabel.tsx"],"sourcesContent":["import { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  getCalculatedColumnDetails,\n  isCalculatedColumn,\n} from \"@vuu-ui/vuu-utils\";\nimport { MouseEventHandler } from \"react\";\n\nimport columnNameLabelCss from \"./ColumnNameLabel.css\";\n\nconst classBase = \"vuuColumnNameLabel\";\n\nexport interface ColumnNameLabelProps {\n  column: ColumnDescriptor;\n  onClick?: MouseEventHandler;\n}\n\nexport const ColumnNameLabel = ({ column, onClick }: ColumnNameLabelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-column-label\",\n    css: columnNameLabelCss,\n    window: targetWindow,\n  });\n\n  if (isCalculatedColumn(column.name)) {\n    const { name, serverDataType, expression } =\n      getCalculatedColumnDetails(column);\n    const displayName = name || \"name\";\n    const displayExpression = \"=expression\";\n\n    const nameClass =\n      displayName === \"name\" ? `${classBase}-placeholder` : undefined;\n    const expressionClass =\n      expression === \"\" ? `${classBase}-placeholder` : undefined;\n    return (\n      <div\n        className={cx(classBase, `${classBase}-calculated`)}\n        onClick={onClick}\n      >\n        <span className={nameClass}>{displayName}</span>\n        <span>:</span>\n        <span>{serverDataType || \"string\"}</span>\n        <span>:</span>\n        <span className={expressionClass}>{displayExpression}</span>\n        <span className={`${classBase}-edit`} data-icon=\"edit\" />\n      </div>\n    );\n  } else {\n    return <div className={classBase}>{column.name}</div>;\n  }\n};\n"],"names":[],"mappings":";;;;;;;AAYA,MAAM,SAAY,GAAA,oBAAA;AAOX,MAAM,eAAkB,GAAA,CAAC,EAAE,MAAA,EAAQ,SAAoC,KAAA;AAC5E,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,kBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAI,IAAA,kBAAA,CAAmB,MAAO,CAAA,IAAI,CAAG,EAAA;AACnC,IAAA,MAAM,EAAE,IAAM,EAAA,cAAA,EAAgB,UAAW,EAAA,GACvC,2BAA2B,MAAM,CAAA;AACnC,IAAA,MAAM,cAAc,IAAQ,IAAA,MAAA;AAC5B,IAAA,MAAM,iBAAoB,GAAA,aAAA;AAE1B,IAAA,MAAM,SACJ,GAAA,WAAA,KAAgB,MAAS,GAAA,CAAA,EAAG,SAAS,CAAiB,YAAA,CAAA,GAAA,KAAA,CAAA;AACxD,IAAA,MAAM,eACJ,GAAA,UAAA,KAAe,EAAK,GAAA,CAAA,EAAG,SAAS,CAAiB,YAAA,CAAA,GAAA,KAAA,CAAA;AACnD,IACE,uBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,CAAA,EAAG,SAAS,CAAa,WAAA,CAAA,CAAA;AAAA,QAClD,OAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,SAAA,EAAY,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,0BACzC,GAAA,CAAC,UAAK,QAAC,EAAA,GAAA,EAAA,CAAA;AAAA,0BACP,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,cAAA,IAAkB,QAAS,EAAA,CAAA;AAAA,0BAClC,GAAA,CAAC,UAAK,QAAC,EAAA,GAAA,EAAA,CAAA;AAAA,0BACN,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,eAAA,EAAkB,QAAkB,EAAA,iBAAA,EAAA,CAAA;AAAA,8BACpD,MAAK,EAAA,EAAA,SAAA,EAAW,GAAG,SAAS,CAAA,KAAA,CAAA,EAAS,aAAU,MAAO,EAAA;AAAA;AAAA;AAAA,KACzD;AAAA,GAEG,MAAA;AACL,IAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,SAAA,EAAY,iBAAO,IAAK,EAAA,CAAA;AAAA;AAEnD;;;;"}

package/esm/column-settings-panel/ColumnSettingsPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnSettingsPanel.js","sources":["../../../../packages/vuu-table-extras/src/column-settings-panel/ColumnSettingsPanel.tsx"],"sourcesContent":["import {\n  Button,\n  FormField,\n  FormFieldLabel,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { Icon, VuuInput } from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  getCalculatedColumnDetails,\n  getDefaultAlignment,\n  isCalculatedColumn,\n} from \"@vuu-ui/vuu-utils\";\nimport { ColumnFormattingPanel } from \"../column-formatting-settings\";\nimport { ColumnNameLabel } from \"./ColumnNameLabel\";\nimport { ColumnSettingsProps, useColumnSettings } from \"./useColumnSettings\";\n\nimport colunSettingsPanelCss from \"./ColumnSettingsPanel.css\";\n\nconst classBase = \"vuuColumnSettingsPanel\";\n\nconst getColumnLabel = (column: ColumnDescriptor) => {\n  const { name, label } = column;\n  if (isCalculatedColumn(name)) {\n    return label ?? getCalculatedColumnDetails(column).name;\n  } else {\n    return label ?? name;\n  }\n};\n\nexport interface ColumnSettinsPanelProps extends ColumnSettingsProps {\n  onClickEditCalculatedColumn?: () => void;\n}\n\nexport const ColumnSettingsPanel = ({\n  column: columnProp,\n  columnModel,\n  onClickEditCalculatedColumn,\n  onConfigChange,\n}: ColumnSettinsPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-column-settings-panel\",\n    css: colunSettingsPanelCss,\n    window: targetWindow,\n  });\n\n  const isNewCalculatedColumn = columnProp.name === \"::\";\n  const {\n    availableRenderers,\n    column,\n    navigateNextColumn,\n    navigatePrevColumn,\n    onChange,\n    onChangeFormatting,\n    onChangeRendering,\n    onChangeToggleButton,\n    onChangeType,\n    onInputCommit,\n  } = useColumnSettings({\n    column: columnProp,\n    columnModel,\n    onConfigChange,\n  });\n\n  const {\n    serverDataType,\n    align = getDefaultAlignment(serverDataType),\n    pin,\n    width = \"\",\n  } = column;\n\n  return (\n    <div className={classBase}>\n      <div className={`${classBase}-header`}>\n        <ColumnNameLabel\n          column={column}\n          onClick={onClickEditCalculatedColumn}\n        />\n      </div>\n\n      <FormField data-field=\"column-label\">\n        <FormFieldLabel>Column Label</FormFieldLabel>\n        <VuuInput\n          bordered\n          className=\"vuuInput\"\n          data-embedded\n          onChange={onChange}\n          onCommit={onInputCommit}\n          value={getColumnLabel(column)}\n        />\n      </FormField>\n\n      <FormField data-field=\"column-width\">\n        <FormFieldLabel>Column Width</FormFieldLabel>\n        <VuuInput\n          bordered\n          className=\"vuuInput\"\n          data-embedded\n          onChange={onChange}\n          value={width}\n          onCommit={onInputCommit}\n        />\n      </FormField>\n      <FormField data-field=\"column-alignment\">\n        <FormFieldLabel>Alignment</FormFieldLabel>\n        <ToggleButtonGroup onChange={onChangeToggleButton} value={align}>\n          <ToggleButton value=\"left\">\n            <Icon name=\"align-left\" size={16} />\n          </ToggleButton>\n          <ToggleButton value=\"right\">\n            <Icon name=\"align-right\" size={16} />\n          </ToggleButton>\n        </ToggleButtonGroup>\n      </FormField>\n      <FormField data-field=\"column-pin\">\n        <FormFieldLabel>Pin Column</FormFieldLabel>\n        <ToggleButtonGroup\n          onChange={onChangeToggleButton}\n          value={pin || \"false\"}\n        >\n          <ToggleButton value=\"left\">\n            <Icon name=\"pin-left\" size={16} />\n          </ToggleButton>\n          <ToggleButton value=\"floating\">\n            <Icon name=\"pin-float\" size={16} />\n          </ToggleButton>\n          <ToggleButton value=\"right\">\n            <Icon name=\"pin-right\" size={16} />\n          </ToggleButton>\n          <ToggleButton value=\"\">\n            <Icon name=\"cross-circle\" size={16} />\n          </ToggleButton>\n        </ToggleButtonGroup>\n      </FormField>\n      <ColumnFormattingPanel\n        availableRenderers={availableRenderers}\n        column={column}\n        onChangeFormatting={onChangeFormatting}\n        onChangeRendering={onChangeRendering}\n        onChangeColumnType={onChangeType}\n      />\n\n      <div\n        className={`${classBase}-buttonBar`}\n        data-align={isNewCalculatedColumn ? \"right\" : undefined}\n      >\n        <Button\n          className={`${classBase}-buttonNavPrev`}\n          variant=\"secondary\"\n          data-icon=\"arrow-left\"\n          onClick={navigatePrevColumn}\n        >\n          PREVIOUS\n        </Button>\n        <Button\n          className={`${classBase}-buttonNavNext`}\n          variant=\"secondary\"\n          data-icon=\"arrow-right\"\n          onClick={navigateNextColumn}\n        >\n          NEXT\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/column-settings-panel/useColumnSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColumnSettings.js","sources":["../../../../packages/vuu-table-extras/src/column-settings-panel/useColumnSettings.ts"],"sourcesContent":["import {\n  ColumnDescriptor,\n  TableConfig,\n  ColumnTypeFormatting,\n} from \"@vuu-ui/vuu-table-types\";\n\nimport {\n  CellRendererDescriptor,\n  ColumnRenderPropsChangeHandler,\n  getFieldName,\n  getRegisteredCellRenderers,\n  isValidColumnAlignment,\n  isValidPinLocation,\n  setCalculatedColumnName,\n  updateColumnRenderProps,\n  updateColumnFormatting,\n  updateColumnType,\n  queryClosest,\n  getServerDataType,\n} from \"@vuu-ui/vuu-utils\";\nimport { VuuColumnDataType, VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  FormEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { DataValueTypeSimple } from \"@vuu-ui/vuu-data-types\";\nimport { ColumnModel } from \"../column-picker/ColumnModel\";\n\n/**\n * Describes the props for a Column Configuration Editor, for which\n * an implementation is provided in vuu-table-extras\n */\nexport interface ColumnSettingsProps {\n  column: ColumnDescriptor;\n  columnModel: ColumnModel;\n  onConfigChange?: (config: TableConfig) => void;\n  vuuTable?: VuuTable;\n}\n\nconst integerCellRenderers: CellRendererDescriptor[] = [\n  {\n    description: \"Default formatter for columns with data type integer\",\n    label: \"Default Renderer (int, long)\",\n    name: \"default-int\",\n  },\n];\nconst doubleCellRenderers: CellRendererDescriptor[] = [\n  {\n    description: \"Default formatter for columns with data type double\",\n    label: \"Default Renderer (double)\",\n    name: \"default-double\",\n  },\n];\nconst decimalCellRenderers: CellRendererDescriptor[] = [\n  {\n    description:\n      \"Default formatter for columns with data type decimal (2,4,6 or 8)\",\n    label: \"Default Renderer (decimal)\",\n    name: \"default-decimal\",\n  },\n];\n\nconst stringCellRenderers: CellRendererDescriptor[] = [\n  {\n    description: \"Default formatter for columns with data type string\",\n    label: \"Default Renderer (string)\",\n    name: \"default-string\",\n  },\n];\n\nconst booleanCellRenderers: CellRendererDescriptor[] = [];\n\nconst getAvailableCellRenderers = (\n  column: ColumnDescriptor,\n): CellRendererDescriptor[] => {\n  const serverDataType = getServerDataType(column);\n  switch (serverDataType) {\n    case \"char\":\n    case \"string\":\n      return stringCellRenderers.concat(getRegisteredCellRenderers(\"string\"));\n    case \"int\":\n    case \"long\":\n      return integerCellRenderers.concat(getRegisteredCellRenderers(\"int\"));\n    case \"double\":\n      return doubleCellRenderers.concat(\n        getRegisteredCellRenderers(column.serverDataType),\n      );\n    case \"scaleddecimal2\":\n    case \"scaleddecimal4\":\n    case \"scaleddecimal6\":\n    case \"scaleddecimal8\":\n      return decimalCellRenderers.concat(\n        getRegisteredCellRenderers(column.serverDataType),\n      );\n    case \"boolean\":\n      return booleanCellRenderers.concat(getRegisteredCellRenderers(\"boolean\"));\n    default:\n      return stringCellRenderers;\n  }\n};\n\nexport const useColumnSettings = ({\n  column: columnProp,\n  columnModel,\n}: Omit<ColumnSettingsProps, \"vuuTable\">) => {\n  const [column, setColumn] = useState<ColumnDescriptor>(\n    columnModel.getColumn(columnProp.name),\n  );\n\n  useEffect(() => {\n    setColumn(columnProp);\n  }, [columnProp]);\n\n  const availableRenderers = useMemo(() => {\n    return getAvailableCellRenderers(column);\n  }, [column]);\n\n  const handleChangeToggleButton = useCallback<FormEventHandler>(\n    (evt) => {\n      const button = queryClosest<HTMLButtonElement>(evt.target, \"button\");\n      if (button) {\n        const fieldName = getFieldName(button);\n        const { value } = button;\n        switch (fieldName) {\n          case \"column-alignment\":\n            if (isValidColumnAlignment(value)) {\n              const newColumn: ColumnDescriptor = {\n                ...column,\n                align: value,\n              };\n              setColumn(newColumn);\n              columnModel.updateColumn(newColumn);\n            }\n            break;\n          case \"column-pin\":\n            if (isValidPinLocation(value)) {\n              const newColumn: ColumnDescriptor = {\n                ...column,\n                pin: value || undefined,\n              };\n              setColumn(newColumn);\n              columnModel.updateColumn(newColumn);\n\n              break;\n            }\n        }\n      }\n    },\n    [column, columnModel],\n  );\n\n  const handleChange = useCallback<FormEventHandler>((evt) => {\n    const input = evt.target as HTMLInputElement;\n    const fieldName = getFieldName(input);\n    const { value } = input;\n    switch (fieldName) {\n      case \"column-label\":\n        setColumn((state) => ({ ...state, label: value }));\n        break;\n      case \"column-name\":\n        setColumn((state) => setCalculatedColumnName(state, value));\n        break;\n      case \"column-width\":\n        {\n          const numericValue = parseInt(value, 10);\n          if (isNaN(numericValue)) {\n            setColumn((state) => ({ ...state, width: undefined }));\n          } else {\n            setColumn((state) => ({ ...state, width: numericValue }));\n          }\n        }\n        break;\n    }\n  }, []);\n\n  const handleInputCommit = useCallback(() => {\n    columnModel.updateColumn(column);\n  }, [column, columnModel]);\n\n  const handleChangeCalculatedColumnName = useCallback((name: string) => {\n    setColumn((state) => ({ ...state, name }));\n  }, []);\n\n  const handleChangeRendering = useCallback<ColumnRenderPropsChangeHandler>(\n    (renderProps) => {\n      if (renderProps) {\n        const newColumn: ColumnDescriptor = updateColumnRenderProps(\n          column,\n          renderProps,\n        );\n        setColumn(newColumn);\n        columnModel.updateColumn(newColumn);\n      }\n    },\n    [column, columnModel],\n  );\n\n  const handleChangeFormatting = useCallback(\n    (formatting: ColumnTypeFormatting) => {\n      const newColumn = updateColumnFormatting(column, formatting);\n      setColumn(newColumn);\n      columnModel.updateColumn(newColumn);\n    },\n    [column, columnModel],\n  );\n\n  const handleChangeType = useCallback(\n    (type: DataValueTypeSimple) => {\n      const updatedColumn = updateColumnType(column, type);\n      setColumn(updatedColumn);\n      columnModel.updateColumn(updatedColumn);\n    },\n    [column, columnModel],\n  );\n\n  // Changing the server data type applies only to calculated columns\n  const handleChangeServerDataType = useCallback(\n    (serverDataType: VuuColumnDataType) => {\n      setColumn((col) => ({ ...col, serverDataType }));\n    },\n    [],\n  );\n\n  const navigateColumn = useCallback(\n    ({ moveBy }: { moveBy: number }) => {\n      const index = columnModel.selectedColumns.indexOf(column) + moveBy;\n      const newColumn = columnModel.selectedColumns[index];\n      if (newColumn) {\n        setColumn(newColumn);\n      }\n    },\n    [column, columnModel],\n  );\n  const navigateNextColumn = useCallback(() => {\n    navigateColumn({ moveBy: 1 });\n  }, [navigateColumn]);\n\n  const navigatePrevColumn = useCallback(() => {\n    navigateColumn({ moveBy: -1 });\n  }, [navigateColumn]);\n\n  return {\n    availableRenderers,\n    column,\n    navigateNextColumn,\n    navigatePrevColumn,\n    onChange: handleChange,\n    onChangeCalculatedColumnName: handleChangeCalculatedColumnName,\n    onChangeFormatting: handleChangeFormatting,\n    onChangeRendering: handleChangeRendering,\n    onChangeServerDataType: handleChangeServerDataType,\n    onChangeToggleButton: handleChangeToggleButton,\n    onChangeType: handleChangeType,\n    onInputCommit: handleInputCommit,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/datasource-stats/DatasourceStats.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatasourceStats.js","sources":["../../../../packages/vuu-table-extras/src/datasource-stats/DatasourceStats.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport {\n  DatasourceStatsHookProps,\n  useDatasourceStats,\n} from \"./useDatasourceStats\";\n\nimport dataSourceStats from \"./DatasourceStats.css\";\n\nexport type ItemLabel =\n  | string\n  | {\n      singlular: string;\n      plural: string;\n    };\n\nexport interface DataSourceStatsProps\n  extends DatasourceStatsHookProps,\n    Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /**\n   * children will be displayed when selection present. Intended\n   * use case is display of action button(s) that will operate on\n   * selected rows.\n   */\n  children?: ReactNode;\n  selectionActions?: ReactNode;\n  tooltrayActions?: ReactNode;\n}\n\nconst classBase = \"vuuDatasourceStats\";\n\nconst numberFormatter = new Intl.NumberFormat();\n\nexport const DataSourceStats = ({\n  children,\n  className,\n  dataSource,\n  showRowStats = true,\n  tooltrayActions,\n  ...htmlAttributes\n}: DataSourceStatsProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-datasource-stats\",\n    css: dataSourceStats,\n    window: targetWindow,\n  });\n\n  const { range, selectedCount, size } = useDatasourceStats({\n    dataSource,\n    showRowStats,\n  });\n\n  const from = numberFormatter.format(range.from + 1);\n  const to = numberFormatter.format(Math.min(range.to, size));\n  const value = numberFormatter.format(size);\n\n  if (size === 0) {\n    return (\n      <div {...htmlAttributes} className={cx(classBase, className)}>\n        <span className={`${classBase}-label`}>No Rows to display</span>\n      </div>\n    );\n  } else {\n    return (\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className, {\n          [`${classBase}-withSelection`]: selectedCount > 0,\n        })}\n      >\n        {showRowStats ? (\n          <div className={`${classBase}-statsPanel ${classBase}-rowStats`}>\n            <span className={`${classBase}-label`}>Row count</span>\n            <span className={`${classBase}-range`}>\n              <span className={`${classBase}-value`}>{from}</span>\n              <span className={`${classBase}-label`}>-</span>\n              <span className={`${classBase}-value`}>{to}</span>\n            </span>\n            <span className={`${classBase}-label`}>of</span>\n            <span className={`${classBase}-value`}>{value}</span>\n            {selectedCount > 0 ? (\n              <span\n                className={cx(`${classBase}-label`, `${classBase}-selected`)}\n              >{`${selectedCount.toLocaleString()} selected`}</span>\n            ) : null}\n          </div>\n        ) : null}\n        {selectedCount > 0 ? (\n          <div\n            className={`${classBase}-statsPanel ${classBase}-selectionActions`}\n          >\n            {children}\n          </div>\n        ) : null}\n        {tooltrayActions ? (\n          <div className={`${classBase}-statsPanel ${classBase}-tooltray`}>\n            <span className={`${classBase}-actions`}>{tooltrayActions}</span>\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n};\n"],"names":[],"mappings":"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"}

package/esm/datasource-stats/useDatasourceStats.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDatasourceStats.js","sources":["../../../../packages/vuu-table-extras/src/datasource-stats/useDatasourceStats.ts"],"sourcesContent":["import { DataSource, RowSelectionEventHandler } from \"@vuu-ui/vuu-data-types\";\nimport { formatDate, Range } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useState } from \"react\";\n\nexport interface DatasourceStatsHookProps {\n  dataSource: DataSource;\n  showFreezeStatus?: boolean;\n  showRowStats?: boolean;\n  showSelectionStats?: boolean;\n}\n\nconst timeFormatter = formatDate({ time: \"hh:mm:ss\" });\n\nconst formatTime = (ts: number | undefined) => {\n  if (typeof ts === \"number\") {\n    return timeFormatter(new Date(ts));\n  } else {\n    return undefined;\n  }\n};\n\nexport const useDatasourceStats = ({\n  dataSource,\n}: DatasourceStatsHookProps) => {\n  const [selectedCount, setSelectedCount] = useState(0);\n  const [range, setRange] = useState<Range>(dataSource.range);\n  const [size, setSize] = useState(dataSource.size);\n  const [freezeTime, setFreezeTime] = useState(\n    formatTime(dataSource.freezeTimestamp),\n  );\n\n  const handleFreeze = useCallback(\n    (isFrozen: boolean, freezeTimestamp: number) => {\n      if (isFrozen) {\n        setFreezeTime(formatTime(freezeTimestamp));\n      } else {\n        setFreezeTime(undefined);\n      }\n    },\n    [],\n  );\n\n  const handleRowSelection = useCallback<RowSelectionEventHandler>((count) => {\n    setSelectedCount(count);\n  }, []);\n\n  const handleSize = useCallback((size: number) => {\n    setSize(size);\n  }, []);\n\n  useMemo(() => {\n    setSize(dataSource.size);\n    dataSource.on(\"resize\", handleSize);\n    dataSource.on(\"range\", setRange);\n    dataSource.on(\"freeze\", handleFreeze);\n    dataSource.on(\"row-selection\", handleRowSelection);\n    return () => {\n      dataSource.removeListener(\"resize\", handleSize);\n      dataSource.removeListener(\"range\", setRange);\n      dataSource.removeListener(\"freeze\", handleFreeze);\n      dataSource.removeListener(\"row-selection\", handleRowSelection);\n    };\n  }, [dataSource, handleFreeze, handleRowSelection, handleSize]);\n\n  return {\n    range,\n    selectedCount,\n    size,\n    freezeTime,\n  };\n};\n"],"names":["size"],"mappings":";;;AAWA,MAAM,aAAgB,GAAA,UAAA,CAAW,EAAE,IAAA,EAAM,YAAY,CAAA;AAErD,MAAM,UAAA,GAAa,CAAC,EAA2B,KAAA;AAC7C,EAAI,IAAA,OAAO,OAAO,QAAU,EAAA;AAC1B,IAAA,OAAO,aAAc,CAAA,IAAI,IAAK,CAAA,EAAE,CAAC,CAAA;AAAA,GAC5B,MAAA;AACL,IAAO,OAAA,KAAA,CAAA;AAAA;AAEX,CAAA;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AACF,CAAgC,KAAA;AAC9B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,CAAC,CAAA;AACpD,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAgB,WAAW,KAAK,CAAA;AAC1D,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,QAAA,CAAS,WAAW,IAAI,CAAA;AAChD,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,IAClC,UAAA,CAAW,WAAW,eAAe;AAAA,GACvC;AAEA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,UAAmB,eAA4B,KAAA;AAC9C,MAAA,IAAI,QAAU,EAAA;AACZ,QAAc,aAAA,CAAA,UAAA,CAAW,eAAe,CAAC,CAAA;AAAA,OACpC,MAAA;AACL,QAAA,aAAA,CAAc,KAAS,CAAA,CAAA;AAAA;AACzB,KACF;AAAA,IACA;AAAC,GACH;AAEA,EAAM,MAAA,kBAAA,GAAqB,WAAsC,CAAA,CAAC,KAAU,KAAA;AAC1E,IAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,GACxB,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,UAAA,GAAa,WAAY,CAAA,CAACA,KAAiB,KAAA;AAC/C,IAAA,OAAA,CAAQA,KAAI,CAAA;AAAA,GACd,EAAG,EAAE,CAAA;AAEL,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAA,OAAA,CAAQ,WAAW,IAAI,CAAA;AACvB,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,UAAU,CAAA;AAClC,IAAW,UAAA,CAAA,EAAA,CAAG,SAAS,QAAQ,CAAA;AAC/B,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,YAAY,CAAA;AACpC,IAAW,UAAA,CAAA,EAAA,CAAG,iBAAiB,kBAAkB,CAAA;AACjD,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,UAAU,CAAA;AAC9C,MAAW,UAAA,CAAA,cAAA,CAAe,SAAS,QAAQ,CAAA;AAC3C,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,YAAY,CAAA;AAChD,MAAW,UAAA,CAAA,cAAA,CAAe,iBAAiB,kBAAkB,CAAA;AAAA,KAC/D;AAAA,KACC,CAAC,UAAA,EAAY,YAAc,EAAA,kBAAA,EAAoB,UAAU,CAAC,CAAA;AAE7D,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/esm/freeze-control/FreezeControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FreezeControl.js","sources":["../../../../packages/vuu-table-extras/src/freeze-control/FreezeControl.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ToggleButton, ToggleButtonGroup } from \"@salt-ds/core\";\nimport { useFreezeControl, type FreezeProps } from \"./useFreezeControl\";\nimport { HTMLAttributes, useEffect, useRef, useState } from \"react\";\nimport cx from \"clsx\";\nimport { calculateBadgeState } from \"./freezeControlBadge\";\n\nimport freezeControlCss from \"./FreezeControl.css\";\n\n// Duration to keep flashing after last new record (in milliseconds)\nconst FLASH_DURATION_MS = 3000;\n\nconst classBase = \"vuuFreezeControl\";\n\nexport interface FreezeControlProps\n  extends HTMLAttributes<HTMLDivElement>,\n    FreezeProps {\n  /**\n   * Label shown when the table is frozen next to the new record badge.\n   * @default \"New Orders\"\n   */\n  newItemsLabel?: string;\n\n  /**\n   * Duration of the flash animation for the badge (in seconds).\n   * @default 0.25\n   */\n  flashDuration?: number;\n}\n\nexport const FreezeControl = ({\n  dataSource,\n  className,\n  newItemsLabel = \"New Orders\",\n  flashDuration = 0.25,\n  ...htmlAttributes\n}: FreezeControlProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-freeze-control\",\n    css: freezeControlCss,\n    window: targetWindow,\n  });\n\n  const { isFrozen, newRecordCount, onToggleChange } = useFreezeControl({\n    dataSource,\n  });\n\n  const [isFlashing, setIsFlashing] = useState(false);\n  const flashTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Check if we're frozen and have new records and set the flash with a 3 second timeout\n  useEffect(() => {\n    if (isFrozen && newRecordCount > 0) {\n      setIsFlashing(true);\n\n      if (flashTimeoutRef.current) {\n        clearTimeout(flashTimeoutRef.current);\n      }\n\n      flashTimeoutRef.current = setTimeout(() => {\n        setIsFlashing(false);\n      }, FLASH_DURATION_MS);\n    }\n  }, [newRecordCount, isFrozen]);\n\n  const { badgeValue, isOverflow } = calculateBadgeState(newRecordCount);\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      style={\n        {\n          ...htmlAttributes.style,\n          \"--freeze-control-flash-duration\": `${flashDuration}s`,\n        } as React.CSSProperties\n      }\n    >\n      <div className={`${classBase}-buttonRow`}>\n        <ToggleButtonGroup\n          className=\"vuuStateButtonGroup\"\n          onChange={onToggleChange}\n          value={isFrozen ? \"frozen\" : \"live\"}\n        >\n          <div\n            className={cx(`${classBase}-buttonWrapper`, {\n              [`${classBase}-buttonWrapper-active`]: isFrozen,\n            })}\n          >\n            <ToggleButton value=\"frozen\">\n              {isFrozen ? \"Frozen\" : \"Freeze\"}\n            </ToggleButton>\n          </div>\n          <div\n            className={cx(`${classBase}-buttonWrapper`, {\n              [`${classBase}-buttonWrapper-active`]: !isFrozen,\n            })}\n          >\n            <ToggleButton value=\"live\">Active</ToggleButton>\n          </div>\n        </ToggleButtonGroup>\n        {isFrozen && (\n          <div className={`${classBase}-newItems`}>\n            {newItemsLabel}\n            <div\n              className={cx(`${classBase}-customBadge`, {\n                [`${classBase}-customBadge-flashing`]: isFlashing,\n                [`${classBase}-customBadge-overflow`]: isOverflow,\n              })}\n              data-overflow={isOverflow ? \"true\" : undefined}\n            >\n              {badgeValue}\n              {isOverflow && <span className={`${classBase}-plus`}>+</span>}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAWA,MAAM,iBAAoB,GAAA,GAAA;AAE1B,MAAM,SAAY,GAAA,kBAAA;AAkBX,MAAM,gBAAgB,CAAC;AAAA,EAC5B,UAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAgB,GAAA,YAAA;AAAA,EAChB,aAAgB,GAAA,IAAA;AAAA,EAChB,GAAG;AACL,CAA0B,KAAA;AACxB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAA,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,QAAA,EAAU,cAAgB,EAAA,cAAA,KAAmB,gBAAiB,CAAA;AAAA,IACpE;AAAA,GACD,CAAA;AAED,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAM,MAAA,eAAA,GAAkB,OAA6C,IAAI,CAAA;AAGzE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,QAAA,IAAY,iBAAiB,CAAG,EAAA;AAClC,MAAA,aAAA,CAAc,IAAI,CAAA;AAElB,MAAA,IAAI,gBAAgB,OAAS,EAAA;AAC3B,QAAA,YAAA,CAAa,gBAAgB,OAAO,CAAA;AAAA;AAGtC,MAAgB,eAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AACzC,QAAA,aAAA,CAAc,KAAK,CAAA;AAAA,SAClB,iBAAiB,CAAA;AAAA;AACtB,GACC,EAAA,CAAC,cAAgB,EAAA,QAAQ,CAAC,CAAA;AAE7B,EAAA,MAAM,EAAE,UAAA,EAAY,UAAW,EAAA,GAAI,oBAAoB,cAAc,CAAA;AAErE,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,KACE,EAAA;AAAA,QACE,GAAG,cAAe,CAAA,KAAA;AAAA,QAClB,iCAAA,EAAmC,GAAG,aAAa,CAAA,CAAA;AAAA,OACrD;AAAA,MAGF,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAC1B,UAAA,CAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,qBAAA;AAAA,YACV,QAAU,EAAA,cAAA;AAAA,YACV,KAAA,EAAO,WAAW,QAAW,GAAA,MAAA;AAAA,YAE7B,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAW,EAAA,EAAA,CAAG,CAAG,EAAA,SAAS,CAAkB,cAAA,CAAA,EAAA;AAAA,oBAC1C,CAAC,CAAA,EAAG,SAAS,CAAA,qBAAA,CAAuB,GAAG;AAAA,mBACxC,CAAA;AAAA,kBAED,8BAAC,YAAa,EAAA,EAAA,KAAA,EAAM,QACjB,EAAA,QAAA,EAAA,QAAA,GAAW,WAAW,QACzB,EAAA;AAAA;AAAA,eACF;AAAA,8BACA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAW,EAAA,EAAA,CAAG,CAAG,EAAA,SAAS,CAAkB,cAAA,CAAA,EAAA;AAAA,oBAC1C,CAAC,CAAA,EAAG,SAAS,CAAA,qBAAA,CAAuB,GAAG,CAAC;AAAA,mBACzC,CAAA;AAAA,kBAED,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA,EAAa,KAAM,EAAA,MAAA,EAAO,QAAM,EAAA,QAAA,EAAA;AAAA;AAAA;AACnC;AAAA;AAAA,SACF;AAAA,QACC,4BACE,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CACzB,SAAA,CAAA,EAAA,QAAA,EAAA;AAAA,UAAA,aAAA;AAAA,0BACD,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAW,EAAA,EAAA,CAAG,CAAG,EAAA,SAAS,CAAgB,YAAA,CAAA,EAAA;AAAA,gBACxC,CAAC,CAAA,EAAG,SAAS,CAAA,qBAAA,CAAuB,GAAG,UAAA;AAAA,gBACvC,CAAC,CAAA,EAAG,SAAS,CAAA,qBAAA,CAAuB,GAAG;AAAA,eACxC,CAAA;AAAA,cACD,eAAA,EAAe,aAAa,MAAS,GAAA,KAAA,CAAA;AAAA,cAEpC,QAAA,EAAA;AAAA,gBAAA,UAAA;AAAA,gBACA,8BAAe,GAAA,CAAA,MAAA,EAAA,EAAK,WAAW,CAAG,EAAA,SAAS,SAAS,QAAC,EAAA,GAAA,EAAA;AAAA;AAAA;AAAA;AACxD,SACF,EAAA;AAAA,OAEJ,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/esm/freeze-control/FrozenBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FrozenBanner.js","sources":["../../../../packages/vuu-table-extras/src/freeze-control/FrozenBanner.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useEffect, useState } from \"react\";\nimport cx from \"clsx\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\n\nimport frozenBannerCss from \"./FrozenBanner.css\";\n\nconst classBase = \"FrozenBanner\";\n\nconst formatFreezeTime = (ts: number) => {\n  const date = new Date(ts);\n  return date.toLocaleTimeString(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n};\n\nexport interface FrozenBannerProps extends HTMLAttributes<HTMLDivElement> {\n  dataSource: DataSource;\n}\n\nexport const FrozenBanner = ({\n  dataSource,\n  className,\n  ...htmlAttributes\n}: FrozenBannerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-frozen-banner\",\n    css: frozenBannerCss,\n    window: targetWindow,\n  });\n\n  const [isFrozen, setIsFrozen] = useState(dataSource.isFrozen ?? false);\n  const [freezeTime, setFreezeTime] = useState<number | undefined>(\n    dataSource.freezeTimestamp,\n  );\n\n  useEffect(() => {\n    const handleFreezeChange = (frozen: boolean, timestamp?: number) => {\n      setIsFrozen(frozen);\n      setFreezeTime(timestamp);\n    };\n\n    setIsFrozen(dataSource.isFrozen ?? false);\n    setFreezeTime(dataSource.freezeTimestamp);\n\n    dataSource.on(\"freeze\", handleFreezeChange);\n\n    return () => {\n      dataSource.removeListener(\"freeze\", handleFreezeChange);\n    };\n  }, [dataSource]);\n\n  if (!isFrozen) {\n    return null;\n  }\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      Frozen at {freezeTime ? formatFreezeTime(freezeTime) : \"--:--\"}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,SAAY,GAAA,cAAA;AAElB,MAAM,gBAAA,GAAmB,CAAC,EAAe,KAAA;AACvC,EAAM,MAAA,IAAA,GAAO,IAAI,IAAA,CAAK,EAAE,CAAA;AACxB,EAAO,OAAA,IAAA,CAAK,mBAAmB,KAAW,CAAA,EAAA;AAAA,IACxC,IAAM,EAAA,SAAA;AAAA,IACN,MAAQ,EAAA;AAAA,GACT,CAAA;AACH,CAAA;AAMO,MAAM,eAAe,CAAC;AAAA,EAC3B,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAyB,KAAA;AACvB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAI,QAAS,CAAA,UAAA,CAAW,YAAY,KAAK,CAAA;AACrE,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,IAClC,UAAW,CAAA;AAAA,GACb;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,kBAAA,GAAqB,CAAC,MAAA,EAAiB,SAAuB,KAAA;AAClE,MAAA,WAAA,CAAY,MAAM,CAAA;AAClB,MAAA,aAAA,CAAc,SAAS,CAAA;AAAA,KACzB;AAEA,IAAY,WAAA,CAAA,UAAA,CAAW,YAAY,KAAK,CAAA;AACxC,IAAA,aAAA,CAAc,WAAW,eAAe,CAAA;AAExC,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,kBAAkB,CAAA;AAE1C,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,kBAAkB,CAAA;AAAA,KACxD;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,IAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAG,EAAA,QAAA,EAAA;AAAA,IAAA,YAAA;AAAA,IACjD,UAAA,GAAa,gBAAiB,CAAA,UAAU,CAAI,GAAA;AAAA,GACzD,EAAA,CAAA;AAEJ;;;;"}

package/esm/freeze-control/freezeControlBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"freezeControlBadge.js","sources":["../../../../packages/vuu-table-extras/src/freeze-control/freezeControlBadge.ts"],"sourcesContent":["/**\n * Calculates the badge value and overflow state for FreezeControl\n * It should max at 99, and when this is exceeded show 99+\n *\n * @param newRecordCount - int of new records\n * @returns An object with `badgeValue` (the displayed number, max 99) and `isOverflow` (whether count exceeds 99)\n */\nexport const calculateBadgeState = (newRecordCount: number) => {\n  const badgeValue = Math.min(newRecordCount, 99);\n  const isOverflow = newRecordCount > 99;\n  return { badgeValue, isOverflow };\n};\n"],"names":[],"mappings":"AAOa,MAAA,mBAAA,GAAsB,CAAC,cAA2B,KAAA;AAC7D,EAAA,MAAM,UAAa,GAAA,IAAA,CAAK,GAAI,CAAA,cAAA,EAAgB,EAAE,CAAA;AAC9C,EAAA,MAAM,aAAa,cAAiB,GAAA,EAAA;AACpC,EAAO,OAAA,EAAE,YAAY,UAAW,EAAA;AAClC;;;;"}

package/esm/freeze-control/useFreezeControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFreezeControl.js","sources":["../../../../packages/vuu-table-extras/src/freeze-control/useFreezeControl.ts"],"sourcesContent":["import {\n  DataSource,\n  DataSourceSubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { messageHasSize, useData } from \"@vuu-ui/vuu-utils\";\nimport { SyntheticEvent, useCallback, useMemo, useState } from \"react\";\n\nexport interface FreezeProps {\n  dataSource: DataSource;\n}\n\ntype FreezeState = {\n  isFrozen: boolean;\n  newRecordCount: number;\n};\n\nconst FreezeState = (\n  dataSource: DataSource,\n  newRecordCount: number,\n): FreezeState => ({\n  isFrozen: dataSource.isFrozen ?? false,\n  newRecordCount,\n});\n\nexport const useFreezeControl = ({ dataSource }: FreezeProps) => {\n  const { VuuDataSource } = useData();\n  const table = useMemo<VuuTable>(() => {\n    if (dataSource.table === undefined) {\n      throw Error(`[useFreezeControls] dataSource must have VuuTable`);\n    }\n    return dataSource.table;\n  }, [dataSource]);\n  const [freezeState, setFreezeState] = useState<FreezeState>(\n    FreezeState(dataSource, 0),\n  );\n\n  const [startTrackingNewRows, stopTrackingNewRows] = useMemo(() => {\n    let ds: DataSource | undefined = undefined;\n\n    const dataCallback: DataSourceSubscribeCallback = (message) => {\n      if (messageHasSize(message)) {\n        setFreezeState((prev) => ({\n          ...prev,\n          newRecordCount: message.size,\n        }));\n      }\n    };\n\n    const start = (ts: number) => {\n      ds = new VuuDataSource({ columns: [\"vuuCreatedTimestamp\"], table });\n      ds.subscribe(\n        {\n          filterSpec: {\n            filter: `vuuCreatedTimestamp > ${ts}`,\n          },\n        },\n        dataCallback,\n      );\n    };\n\n    const stop = () => {\n      ds?.unsubscribe();\n    };\n\n    return [start, stop];\n  }, [VuuDataSource, table]);\n\n  const handleToggleChange = useCallback(\n    (evt: SyntheticEvent<HTMLButtonElement>) => {\n      const value = (evt.target as HTMLButtonElement).value;\n      if (value === \"frozen\") {\n        dataSource.freeze?.();\n        startTrackingNewRows(dataSource.freezeTimestamp as number);\n      } else {\n        dataSource.unfreeze?.();\n        stopTrackingNewRows();\n      }\n      setFreezeState(FreezeState(dataSource, 0));\n    },\n    [dataSource, startTrackingNewRows, stopTrackingNewRows],\n  );\n\n  return {\n    ...freezeState,\n    onToggleChange: handleToggleChange,\n  };\n};\n"],"names":[],"mappings":";;;AAiBA,MAAM,WAAA,GAAc,CAClB,UAAA,EACA,cACiB,MAAA;AAAA,EACjB,QAAA,EAAU,WAAW,QAAY,IAAA,KAAA;AAAA,EACjC;AACF,CAAA,CAAA;AAEO,MAAM,gBAAmB,GAAA,CAAC,EAAE,UAAA,EAA8B,KAAA;AAC/D,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA;AAClC,EAAM,MAAA,KAAA,GAAQ,QAAkB,MAAM;AACpC,IAAI,IAAA,UAAA,CAAW,UAAU,KAAW,CAAA,EAAA;AAClC,MAAA,MAAM,MAAM,CAAmD,iDAAA,CAAA,CAAA;AAAA;AAEjE,IAAA,OAAO,UAAW,CAAA,KAAA;AAAA,GACpB,EAAG,CAAC,UAAU,CAAC,CAAA;AACf,EAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA;AAAA,IACpC,WAAA,CAAY,YAAY,CAAC;AAAA,GAC3B;AAEA,EAAA,MAAM,CAAC,oBAAA,EAAsB,mBAAmB,CAAA,GAAI,QAAQ,MAAM;AAChE,IAAA,IAAI,EAA6B,GAAA,KAAA,CAAA;AAEjC,IAAM,MAAA,YAAA,GAA4C,CAAC,OAAY,KAAA;AAC7D,MAAI,IAAA,cAAA,CAAe,OAAO,CAAG,EAAA;AAC3B,QAAA,cAAA,CAAe,CAAC,IAAU,MAAA;AAAA,UACxB,GAAG,IAAA;AAAA,UACH,gBAAgB,OAAQ,CAAA;AAAA,SACxB,CAAA,CAAA;AAAA;AACJ,KACF;AAEA,IAAM,MAAA,KAAA,GAAQ,CAAC,EAAe,KAAA;AAC5B,MAAK,EAAA,GAAA,IAAI,cAAc,EAAE,OAAA,EAAS,CAAC,qBAAqB,CAAA,EAAG,OAAO,CAAA;AAClE,MAAG,EAAA,CAAA,SAAA;AAAA,QACD;AAAA,UACE,UAAY,EAAA;AAAA,YACV,MAAA,EAAQ,yBAAyB,EAAE,CAAA;AAAA;AACrC,SACF;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,EAAA,EAAI,WAAY,EAAA;AAAA,KAClB;AAEA,IAAO,OAAA,CAAC,OAAO,IAAI,CAAA;AAAA,GAClB,EAAA,CAAC,aAAe,EAAA,KAAK,CAAC,CAAA;AAEzB,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,GAA2C,KAAA;AAC1C,MAAM,MAAA,KAAA,GAAS,IAAI,MAA6B,CAAA,KAAA;AAChD,MAAA,IAAI,UAAU,QAAU,EAAA;AACtB,QAAA,UAAA,CAAW,MAAS,IAAA;AACpB,QAAA,oBAAA,CAAqB,WAAW,eAAyB,CAAA;AAAA,OACpD,MAAA;AACL,QAAA,UAAA,CAAW,QAAW,IAAA;AACtB,QAAoB,mBAAA,EAAA;AAAA;AAEtB,MAAe,cAAA,CAAA,WAAA,CAAY,UAAY,EAAA,CAAC,CAAC,CAAA;AAAA,KAC3C;AAAA,IACA,CAAC,UAAY,EAAA,oBAAA,EAAsB,mBAAmB;AAAA,GACxD;AAEA,EAAO,OAAA;AAAA,IACL,GAAG,WAAA;AAAA,IACH,cAAgB,EAAA;AAAA,GAClB;AACF;;;;"}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/tabbed-table-config-panel/TabbedTableConfigPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabbedTableConfigPanel.js","sources":["../../../../packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableConfigPanel.tsx"],"sourcesContent":["import {\n  TabListNext,\n  TabNext,\n  TabNextPanel,\n  TabNextTrigger,\n  TabsNext,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport type { TableProps } from \"@vuu-ui/vuu-table\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, SyntheticEvent, useCallback, useState } from \"react\";\nimport { useEditCalculatedColumn } from \"../calculated-column/useEditCalculatedColumn\";\nimport { ColumnPicker, ColumnPickerProps } from \"../column-picker/ColumnPicker\";\nimport { ColumnSettingsPanel } from \"../column-settings-panel/ColumnSettingsPanel\";\nimport {\n  TableSettingsPanel,\n  TableSettingsPanelProps,\n} from \"../table-settings-panel/TableSettingsPanel\";\n\nimport css from \"./TabbedTableConfigPanel.css\";\n\nconst TabLabels = {\n  \"table-settings\": \"Table\",\n  \"table-columns\": \"Columns\",\n} as const;\n\ntype TabName = keyof typeof TabLabels;\n\nconst classBase = \"vuuTabbedTableConfigPanel\";\nexport interface TabbedTableConfigPanelProps\n  extends ColumnPickerProps,\n    Pick<TableSettingsPanelProps, \"onDisplayAttributeChange\">,\n    Pick<TableProps, \"config\">,\n    HTMLAttributes<HTMLDivElement> {\n  allowCreateCalculatedColumn?: boolean;\n  selectedTab?: TabName;\n  vuuTable?: VuuTable;\n}\n\nexport const TabbedTableConfigPanel = ({\n  allowCreateCalculatedColumn = false,\n  className,\n  columnModel,\n  config,\n  onDisplayAttributeChange,\n  selectedTab = \"table-settings\",\n  vuuTable,\n  ...htmlAttributes\n}: TabbedTableConfigPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-tabbed-table-config-panel\",\n    css,\n    window: targetWindow,\n  });\n\n  const [columns, setColumns] = useState<ColumnDescriptor[]>([]);\n\n  const [value, setValue] = useState<string>(selectedTab);\n  const handleChange = useCallback(\n    (_e: SyntheticEvent | null, value: string) => {\n      setValue(value);\n    },\n    [],\n  );\n\n  const handleSelectionChange = useCallback(\n    (_e: SyntheticEvent, selectedItems: ColumnDescriptor[]) => {\n      setColumns(selectedItems);\n    },\n    [],\n  );\n\n  const handleSaveCalculatedColumn = useCallback((column: ColumnDescriptor) => {\n    setColumns([column]);\n  }, []);\n\n  const { onCreateCalculatedColumn, onEditCalculatedColumn } =\n    useEditCalculatedColumn({\n      columnModel,\n      calculatedColumn: columns[0],\n      onSaveColumn: handleSaveCalculatedColumn,\n      vuuTable,\n    });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <TabsNext onChange={handleChange} value={value}>\n        <TabListNext appearance=\"transparent\">\n          <TabNext value=\"table-settings\">\n            <TabNextTrigger>Table settings</TabNextTrigger>\n          </TabNext>\n          <TabNext value=\"table-columns\">\n            <TabNextTrigger>Table columns</TabNextTrigger>\n          </TabNext>\n          <TabNext disabled={columns.length === 0} value=\"column-settings\">\n            <TabNextTrigger>Column settings</TabNextTrigger>\n          </TabNext>\n        </TabListNext>\n        <TabNextPanel value=\"table-settings\">\n          <TableSettingsPanel\n            onDisplayAttributeChange={onDisplayAttributeChange}\n            tableDisplayAttributes={config}\n          />\n        </TabNextPanel>\n        <TabNextPanel value=\"table-columns\">\n          <ColumnPicker\n            allowCreateCalculatedColumn={allowCreateCalculatedColumn}\n            columnModel={columnModel}\n            onClickCreateCalculatedColumn={onCreateCalculatedColumn}\n            onSelectionChange={handleSelectionChange}\n            selected={columns}\n          />\n        </TabNextPanel>\n        <TabNextPanel value=\"column-settings\">\n          {columns.length > 0 ? (\n            <ColumnSettingsPanel\n              column={columns[0]}\n              columnModel={columnModel}\n              onClickEditCalculatedColumn={onEditCalculatedColumn}\n            />\n          ) : null}\n        </TabNextPanel>\n      </TabsNext>\n    </div>\n  );\n};\n"],"names":["value"],"mappings":"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"}

package/esm/tabbed-table-config-panel/TabbedTableSettingsAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabbedTableSettingsAction.js","sources":["../../../../packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableSettingsAction.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from \"@vuu-ui/vuu-ui-controls\";\nimport { useCallback } from \"react\";\nimport {\n  TabbedTableConfigPanelHookProps,\n  useTabbedTableConfigPanel,\n} from \"./useTabbedTableConfigPanel\";\nimport { TableDisplayAttributeChangeHandler } from \"../table-settings-panel/TableSettingsPanel\";\n\nexport interface TabbedTableSettingsActionProps\n  extends Partial<IconButtonProps>,\n    TabbedTableConfigPanelHookProps {\n  onDisplayAttributeChange: TableDisplayAttributeChangeHandler;\n}\n\nexport const TabbedTableSettingsAction = ({\n  allowCreateCalculatedColumn,\n  appearance = \"transparent\",\n  columnModel,\n  config,\n  icon = \"settings\",\n  onDisplayAttributeChange,\n  sentiment = \"neutral\",\n  vuuTable,\n  ...IconButtonProps\n}: TabbedTableSettingsActionProps) => {\n  const { showTabbedTableConfigPanel } = useTabbedTableConfigPanel({\n    allowCreateCalculatedColumn,\n    columnModel,\n    config,\n    onDisplayAttributeChange,\n    vuuTable,\n  });\n\n  const handleClick = useCallback(() => {\n    showTabbedTableConfigPanel();\n  }, [showTabbedTableConfigPanel]);\n\n  return (\n    <IconButton\n      {...IconButtonProps}\n      appearance={appearance}\n      data-action=\"table-settings\"\n      icon={icon}\n      onClick={handleClick}\n      sentiment={sentiment}\n      size={20}\n    />\n  );\n};\n"],"names":["IconButtonProps"],"mappings":";;;;;AAcO,MAAM,4BAA4B,CAAC;AAAA,EACxC,2BAAA;AAAA,EACA,UAAa,GAAA,aAAA;AAAA,EACb,WAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAO,GAAA,UAAA;AAAA,EACP,wBAAA;AAAA,EACA,SAAY,GAAA,SAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAGA;AACL,CAAsC,KAAA;AACpC,EAAM,MAAA,EAAE,0BAA2B,EAAA,GAAI,yBAA0B,CAAA;AAAA,IAC/D,2BAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAA2B,0BAAA,EAAA;AAAA,GAC7B,EAAG,CAAC,0BAA0B,CAAC,CAAA;AAE/B,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAGA,gBAAAA;AAAA,MACJ,UAAA;AAAA,MACA,aAAY,EAAA,gBAAA;AAAA,MACZ,IAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,SAAA;AAAA,MACA,IAAM,EAAA;AAAA;AAAA,GACR;AAEJ;;;;"}

package/esm/tabbed-table-config-panel/useTabbedTableConfigPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabbedTableConfigPanel.js","sources":["../../../../packages/vuu-table-extras/src/tabbed-table-config-panel/useTabbedTableConfigPanel.tsx"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { useContextPanel } from \"@vuu-ui/vuu-ui-controls\";\nimport { TabbedTableConfigPanel } from \"./TabbedTableConfigPanel\";\nimport { TableSettingsPanelProps } from \"../table-settings-panel/TableSettingsPanel\";\nimport { TableProps } from \"@vuu-ui/vuu-table\";\nimport { ColumnPickerProps } from \"../column-picker/ColumnPicker\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\n\nexport interface TabbedTableConfigPanelHookProps\n  extends Pick<\n      ColumnPickerProps,\n      \"allowCreateCalculatedColumn\" | \"columnModel\"\n    >,\n    Pick<TableSettingsPanelProps, \"onDisplayAttributeChange\">,\n    Pick<TableProps, \"config\"> {\n  /**\n   * only required for calculated columns\n   */\n  vuuTable?: VuuTable;\n}\n\nexport const useTabbedTableConfigPanel = ({\n  allowCreateCalculatedColumn,\n  columnModel,\n  config,\n  onDisplayAttributeChange,\n  vuuTable,\n}: TabbedTableConfigPanelHookProps) => {\n  const showContextPanel = useContextPanel();\n  //   const hideContextPanel = useHideContextPanel();\n  const contextPanelShowing = useRef(false);\n\n  const showTabbedTableConfigPanel = useCallback(\n    (title = \"Table settings\") => {\n      contextPanelShowing.current = true;\n      showContextPanel(\n        <TabbedTableConfigPanel\n          allowCreateCalculatedColumn={allowCreateCalculatedColumn}\n          columnModel={columnModel}\n          config={config}\n          onDisplayAttributeChange={onDisplayAttributeChange}\n          vuuTable={vuuTable}\n        />,\n        title,\n      );\n    },\n    [\n      allowCreateCalculatedColumn,\n      columnModel,\n      config,\n      onDisplayAttributeChange,\n      showContextPanel,\n      vuuTable,\n    ],\n  );\n\n  return {\n    showTabbedTableConfigPanel,\n  };\n};\n"],"names":[],"mappings":";;;;;AAqBO,MAAM,4BAA4B,CAAC;AAAA,EACxC,2BAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,wBAAA;AAAA,EACA;AACF,CAAuC,KAAA;AACrC,EAAA,MAAM,mBAAmB,eAAgB,EAAA;AAEzC,EAAM,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA;AAExC,EAAA,MAAM,0BAA6B,GAAA,WAAA;AAAA,IACjC,CAAC,QAAQ,gBAAqB,KAAA;AAC5B,MAAA,mBAAA,CAAoB,OAAU,GAAA,IAAA;AAC9B,MAAA,gBAAA;AAAA,wBACE,GAAA;AAAA,UAAC,sBAAA;AAAA,UAAA;AAAA,YACC,2BAAA;AAAA,YACA,WAAA;AAAA,YACA,MAAA;AAAA,YACA,wBAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,IACA;AAAA,MACE,2BAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,wBAAA;AAAA,MACA,gBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAO,OAAA;AAAA,IACL;AAAA,GACF;AACF;;;;"}

package/esm/table-footer/TableFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooter.js","sources":["../../../../packages/vuu-table-extras/src/table-footer/TableFooter.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tableFooterCss from \"./TableFooter.css\";\n\nexport interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {\n  onInvokeAction?: (action: string) => void;\n  tooltrayActions?: ReactNode;\n}\n\nconst classBase = \"vuuTableFooter\";\n\nexport const TableFooterTray = ({ children }: { children: ReactNode }) => {\n  return <div className={`${classBase}Tray`}>{children}</div>;\n};\n\nexport const TableFooter = ({\n  children,\n  className,\n  onInvokeAction,\n  tooltrayActions,\n  ...htmlAttributes\n}: TableFooterProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-footer\",\n    css: tableFooterCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {children}\n      {tooltrayActions ? (\n        <div className={`${classBase}-tooltray`}>{tooltrayActions}</div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,SAAY,GAAA,gBAAA;AAEX,MAAM,eAAkB,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AACxE,EAAA,2BAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,QAAS,QAAS,EAAA,CAAA;AACvD;AAEO,MAAM,cAAc,CAAC;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,IAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CACxD,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,eAAA,uBACE,KAAI,EAAA,EAAA,SAAA,EAAW,GAAG,SAAS,CAAA,SAAA,CAAA,EAAc,2BAAgB,CACxD,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;;;;"}

package/esm/table-provider/TableProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableProvider.js","sources":["../../../../packages/vuu-table-extras/src/table-provider/TableProvider.tsx"],"sourcesContent":["import type { MenuActionHandler } from \"@vuu-ui/vuu-context-menu\";\nimport type { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport type { TableProps } from \"@vuu-ui/vuu-table\";\nimport type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { createContext, ReactNode, useContext } from \"react\";\nimport type { ColumnMenuActionType } from \"../column-menu/column-menu-utils\";\n\nexport interface TableContextProps\n  extends Pick<TableProps, \"dataSource\" | \"rowActionHandlers\"> {\n  menuActionHandler: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;\n}\n\nconst NullMenuActionHandler = (menuItemId: string) => {\n  console.log(\n    `[TableContext] no menu action handler installed (menuItemHandler invoked with ${menuItemId})`,\n  );\n  return false;\n};\nconst NullDataSource = {} as DataSource;\n\nexport const TableContext = createContext<TableContextProps>({\n  dataSource: NullDataSource,\n  menuActionHandler: NullMenuActionHandler,\n});\n\nexport const TableProvider = ({\n  children,\n  dataSource,\n  menuActionHandler,\n  rowActionHandlers,\n}: TableContextProps & {\n  children: ReactNode;\n}) => {\n  return (\n    <TableContext.Provider\n      value={{\n        dataSource,\n        menuActionHandler,\n        rowActionHandlers,\n      }}\n    >\n      {children}\n    </TableContext.Provider>\n  );\n};\n\nexport function useTableContext(throwIfNoDataSource = false) {\n  const { dataSource, menuActionHandler } = useContext(TableContext);\n  if (\n    dataSource === NullDataSource &&\n    menuActionHandler == NullMenuActionHandler &&\n    throwIfNoDataSource\n  ) {\n    throw Error(`[TableProvider] no DataSourceProvider has been declared`);\n  } else {\n    return {\n      dataSource,\n      menuActionHandler,\n    };\n  }\n}\n\nexport const useRowAction = (actionId: string) => {\n  const { rowActionHandlers } = useContext(TableContext);\n  if (rowActionHandlers?.[actionId]) {\n    return rowActionHandlers[actionId];\n  } else {\n    throw Error(\n      `[TableProvider] useRowAction, no action configured #${actionId}`,\n    );\n  }\n};\n"],"names":[],"mappings":";;;AAYA,MAAM,qBAAA,GAAwB,CAAC,UAAuB,KAAA;AACpD,EAAQ,OAAA,CAAA,GAAA;AAAA,IACN,iFAAiF,UAAU,CAAA,CAAA;AAAA,GAC7F;AACA,EAAO,OAAA,KAAA;AACT,CAAA;AACA,MAAM,iBAAiB,EAAC;AAEjB,MAAM,eAAe,aAAiC,CAAA;AAAA,EAC3D,UAAY,EAAA,cAAA;AAAA,EACZ,iBAAmB,EAAA;AACrB,CAAC;AAEM,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAEM,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,YAAa,CAAA,QAAA;AAAA,IAAb;AAAA,MACC,KAAO,EAAA;AAAA,QACL,UAAA;AAAA,QACA,iBAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEgB,SAAA,eAAA,CAAgB,sBAAsB,KAAO,EAAA;AAC3D,EAAA,MAAM,EAAE,UAAA,EAAY,iBAAkB,EAAA,GAAI,WAAW,YAAY,CAAA;AACjE,EAAA,IACE,UAAe,KAAA,cAAA,IACf,iBAAqB,IAAA,qBAAA,IACrB,mBACA,EAAA;AACA,IAAA,MAAM,MAAM,CAAyD,uDAAA,CAAA,CAAA;AAAA,GAChE,MAAA;AACL,IAAO,OAAA;AAAA,MACL,UAAA;AAAA,MACA;AAAA,KACF;AAAA;AAEJ;AAEa,MAAA,YAAA,GAAe,CAAC,QAAqB,KAAA;AAChD,EAAA,MAAM,EAAE,iBAAA,EAAsB,GAAA,UAAA,CAAW,YAAY,CAAA;AACrD,EAAI,IAAA,iBAAA,GAAoB,QAAQ,CAAG,EAAA;AACjC,IAAA,OAAO,kBAAkB,QAAQ,CAAA;AAAA,GAC5B,MAAA;AACL,IAAM,MAAA,KAAA;AAAA,MACJ,uDAAuD,QAAQ,CAAA;AAAA,KACjE;AAAA;AAEJ;;;;"}

package/esm/table-settings-panel/TableSettingsPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableSettingsPanel.js","sources":["../../../../packages/vuu-table-extras/src/table-settings-panel/TableSettingsPanel.tsx"],"sourcesContent":["import {\n  FormField,\n  FormFieldLabel,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  TableDisplayAttributes,\n  TableSettingsPermissions,\n} from \"@vuu-ui/vuu-table-types\";\nimport { useTableSettings } from \"./useTableSettings\";\nimport { Icon } from \"@vuu-ui/vuu-ui-controls\";\nimport { VuuInput } from \"@vuu-ui/vuu-ui-controls\";\n\nimport tableSettingsPanelCss from \"./TableSettingsPanel.css\";\n\nconst classBase = \"vuuTableSettingsPanel\";\n\nexport const defaultTableSettingsPermissions: Readonly<TableSettingsPermissions> =\n  {\n    allowColumnLabelCase: true,\n    allowColumnDefaultWidth: true,\n    allowGridSeparators: true,\n  };\nexport const noTableSettingsPermissions: Readonly<TableSettingsPermissions> = {\n  allowColumnLabelCase: false,\n  allowColumnDefaultWidth: false,\n  allowGridSeparators: false,\n};\n\nexport type TableDisplayAttributeChangeHandler = (\n  displayAttributes: TableDisplayAttributes,\n) => void;\n\n/**\n * Describes the props for a Table Configuration Editor, for which\n * an implementation is provided in vuu-table-extras\n */\nexport interface TableSettingsPanelProps {\n  allowColumnLabelCase?: boolean;\n  allowColumnDefaultWidth?: boolean;\n  allowGridRowStyling?: boolean;\n  onDisplayAttributeChange: TableDisplayAttributeChangeHandler;\n  tableDisplayAttributes: TableDisplayAttributes;\n  permissions?: TableSettingsPermissions | boolean;\n}\n\n/**\n  The TableSettingsPanel assumes 'ownership' of the tableSettings.\n  It updates the settings in state locally and notifies caller of\n  every change via onChange callback\n */\nexport const TableSettingsPanel = ({\n  onDisplayAttributeChange,\n  tableDisplayAttributes: tableDisplayAttributesProp,\n  permissions: permissionsProp,\n}: TableSettingsPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-settings-panel\",\n    css: tableSettingsPanelCss,\n    window: targetWindow,\n  });\n\n  const permissions =\n    permissionsProp === undefined || permissionsProp === true\n      ? defaultTableSettingsPermissions\n      : permissionsProp === false\n        ? noTableSettingsPermissions\n        : permissionsProp;\n\n  const {\n    columnLabelsValue,\n    onChangeColumnLabels,\n    onChangeTableAttribute,\n    onCommitColumnWidth,\n    tableDisplayAttributes,\n  } = useTableSettings({\n    onDisplayAttributeChange,\n    tableDisplayAttributes: tableDisplayAttributesProp,\n  });\n\n  const {\n    allowColumnLabelCase = true,\n    allowColumnDefaultWidth = true,\n    allowGridSeparators = true,\n  } = permissions;\n\n  return (\n    <div className={classBase}>\n      {allowColumnDefaultWidth ? (\n        <FormField>\n          <FormFieldLabel>Column Width</FormFieldLabel>\n          <VuuInput\n            bordered\n            className=\"vuuInput\"\n            data-embedded\n            onCommit={onCommitColumnWidth}\n          />\n        </FormField>\n      ) : null}\n\n      {allowColumnLabelCase ? (\n        <FormField>\n          <FormFieldLabel>Column Labels</FormFieldLabel>\n          <ToggleButtonGroup\n            className=\"vuuToggleButtonGroup\"\n            onChange={onChangeColumnLabels}\n            value={columnLabelsValue}\n          >\n            <ToggleButton className=\"vuuIconToggleButton\" value={0}>\n              <Icon name=\"text-strikethrough\" size={48} />\n            </ToggleButton>\n            <ToggleButton className=\"vuuIconToggleButton\" value={1}>\n              <Icon name=\"text-Tt\" size={48} />\n            </ToggleButton>\n            <ToggleButton className=\"vuuIconToggleButton\" value={2}>\n              <Icon name=\"text-T\" size={48} />\n            </ToggleButton>\n          </ToggleButtonGroup>\n        </FormField>\n      ) : null}\n\n      {allowGridSeparators ? (\n        <FormField>\n          <FormFieldLabel>Grid separators</FormFieldLabel>\n          <div className=\"saltToggleButtonGroup vuuStateButtonGroup saltToggleButtonGroup-horizontal\">\n            <ToggleButton\n              selected={tableDisplayAttributes.zebraStripes ?? false}\n              onChange={onChangeTableAttribute}\n              value=\"zebraStripes\"\n            >\n              <Icon name=\"row-striping\" size={16} />\n            </ToggleButton>\n            <ToggleButton\n              selected={tableDisplayAttributes.rowSeparators ?? false}\n              onChange={onChangeTableAttribute}\n              value=\"rowSeparators\"\n            >\n              <Icon name=\"row-lines\" size={16} />\n            </ToggleButton>\n            <ToggleButton\n              selected={tableDisplayAttributes.columnSeparators ?? false}\n              onChange={onChangeTableAttribute}\n              value=\"columnSeparators\"\n            >\n              <Icon name=\"col-lines\" size={16} />\n            </ToggleButton>\n          </div>\n        </FormField>\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}