@pallasoft/ps-input-components 1.15.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/ps-cascader-input.d.ts +2 -1
  2. package/dist/components/ps-cascader-input.js +12 -7
  3. package/dist/esm/components/ps-cascader-input.js +12 -7
  4. package/package.json +1 -1
package/dist/components/ps-cascader-input.d.ts CHANGED
@@ -18,8 +18,9 @@ export interface PsCascaderInputProps {
18
18
  label: string;
19
19
  onChange: (value: string) => void;
20
20
  placeholder?: string;
21
+ preferredGroupKey?: string;
21
22
  required?: boolean;
22
23
  searchPlaceholder?: string;
23
24
  value: string;
24
25
  }
25
- export declare const PsCascaderInput: ({ className, disabled, groups, helperText, hideLabel, isLoading, label, onChange, placeholder, required, searchPlaceholder, value, }: PsCascaderInputProps) => import("react").JSX.Element;
26
+ export declare const PsCascaderInput: ({ className, disabled, groups, helperText, hideLabel, isLoading, label, onChange, placeholder, preferredGroupKey, required, searchPlaceholder, value, }: PsCascaderInputProps) => import("react").JSX.Element;
package/dist/components/ps-cascader-input.js CHANGED
@@ -11,7 +11,7 @@ const ps_cascader_config_1 = require("../constants/ps-cascader-config");
11
11
  const ps_cascader_service_1 = require("../services/ps-cascader-service");
12
12
  const ps_field_skeleton_1 = require("./ps-field-skeleton");
13
13
  const ps_required_mark_1 = require("./ps-required-mark");
14
- const PsCascaderInput = ({ className, disabled, groups, helperText, hideLabel, isLoading = false, label, onChange, placeholder = 'Select an option', required, searchPlaceholder = 'Search', value, }) => {
14
+ const PsCascaderInput = ({ className, disabled, groups, helperText, hideLabel, isLoading = false, label, onChange, placeholder = 'Select an option', preferredGroupKey, required, searchPlaceholder = 'Search', value, }) => {
15
15
  if (isLoading)
16
16
  return (0, jsx_runtime_1.jsx)(ps_field_skeleton_1.PsFieldSkeleton, { className: className, hideLabel: hideLabel, label: label });
17
17
  const zIndex = (0, ps_core_components_1.usePsLayerZIndex)(ps_design_system_1.PallasoftZIndex.Dropdown);
@@ -21,15 +21,20 @@ const PsCascaderInput = ({ className, disabled, groups, helperText, hideLabel, i
21
21
  const selected = (0, react_1.useMemo)(() => ps_cascader_service_1.PsCascaderService.findSelected(groups, value), [groups, value]);
22
22
  const matches = (0, react_1.useMemo)(() => ps_cascader_service_1.PsCascaderService.search(groups, query), [groups, query]);
23
23
  const activeGroup = (0, react_1.useMemo)(() => {
24
+ const preferred = preferredGroupKey !== undefined && groups.some((group) => group.key === preferredGroupKey)
25
+ ? preferredGroupKey
26
+ : null;
24
27
  const key = activeGroupKey
25
28
  ? activeGroupKey
26
- : selected
27
- ? selected.group.key
28
- : groups.length > 0
29
- ? groups[0].key
30
- : null;
29
+ : preferred !== null
30
+ ? preferred
31
+ : selected
32
+ ? selected.group.key
33
+ : groups.length > 0
34
+ ? groups[0].key
35
+ : null;
31
36
  return groups.find((group) => group.key === key) ?? null;
32
- }, [activeGroupKey, groups, selected]);
37
+ }, [activeGroupKey, groups, preferredGroupKey, selected]);
33
38
  const open = (nextOpen) => {
34
39
  setIsOpen(nextOpen);
35
40
  if (!nextOpen)
package/dist/esm/components/ps-cascader-input.js CHANGED
@@ -8,7 +8,7 @@ import { PsCascaderConfig } from '../constants/ps-cascader-config';
8
8
  import { PsCascaderService } from '../services/ps-cascader-service';
9
9
  import { PsFieldSkeleton } from './ps-field-skeleton';
10
10
  import { PsRequiredMark } from './ps-required-mark';
11
- export const PsCascaderInput = ({ className, disabled, groups, helperText, hideLabel, isLoading = false, label, onChange, placeholder = 'Select an option', required, searchPlaceholder = 'Search', value, }) => {
11
+ export const PsCascaderInput = ({ className, disabled, groups, helperText, hideLabel, isLoading = false, label, onChange, placeholder = 'Select an option', preferredGroupKey, required, searchPlaceholder = 'Search', value, }) => {
12
12
  if (isLoading)
13
13
  return _jsx(PsFieldSkeleton, { className: className, hideLabel: hideLabel, label: label });
14
14
  const zIndex = usePsLayerZIndex(PallasoftZIndex.Dropdown);
@@ -18,15 +18,20 @@ export const PsCascaderInput = ({ className, disabled, groups, helperText, hideL
18
18
  const selected = useMemo(() => PsCascaderService.findSelected(groups, value), [groups, value]);
19
19
  const matches = useMemo(() => PsCascaderService.search(groups, query), [groups, query]);
20
20
  const activeGroup = useMemo(() => {
21
+ const preferred = preferredGroupKey !== undefined && groups.some((group) => group.key === preferredGroupKey)
22
+ ? preferredGroupKey
23
+ : null;
21
24
  const key = activeGroupKey
22
25
  ? activeGroupKey
23
- : selected
24
- ? selected.group.key
25
- : groups.length > 0
26
- ? groups[0].key
27
- : null;
26
+ : preferred !== null
27
+ ? preferred
28
+ : selected
29
+ ? selected.group.key
30
+ : groups.length > 0
31
+ ? groups[0].key
32
+ : null;
28
33
  return groups.find((group) => group.key === key) ?? null;
29
- }, [activeGroupKey, groups, selected]);
34
+ }, [activeGroupKey, groups, preferredGroupKey, selected]);
30
35
  const open = (nextOpen) => {
31
36
  setIsOpen(nextOpen);
32
37
  if (!nextOpen)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pallasoft/ps-input-components",
3
- "version": "1.15.0",
3
+ "version": "1.16.0",
4
4
  "private": false,
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/esm/index.js",