@persona/design-system 0.1.6 → 0.1.8

package/dist/{Checkbox-B83WfsOZ.cjs.map → Checkbox-CmCujC1W.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkbox-B83WfsOZ.cjs","names":["Stack","isDisabled","Spacing","Color","isHovered","isNotDisabled","isChecked","isIndeterminate","isFocusedVisible","focusStyle","Typography","useFormField","useControlled","InputDashIcon","InputCheckIcon","Tooltip","TextWithDashedUnderline"],"sources":["../components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { uniqueId } from 'lodash';\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\nimport { InputCheckIcon, InputDashIcon } from '@persona/icons';\nimport useFormField from 'design-system/components/FormControl/useFormField';\nimport Stack from 'design-system/components/Stack/Stack';\nimport Tooltip from 'design-system/components/Tooltip';\nimport { TextWithDashedUnderline } from 'design-system/components/Tooltip/TextUnderlineTooltip';\nimport {\n  isChecked,\n  isDisabled,\n  isFocusedVisible,\n  isHovered,\n  isIndeterminate,\n  isNotDisabled,\n} from 'design-system/lib/pseudoClass';\nimport useControlled from 'design-system/lib/useControlled';\nimport { focusStyle } from 'design-system/mixins/focus';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\nconst Container = styled(Stack)<{ size: 'md' | 'sm'; disabled?: boolean }>`\n  position: relative;\n  cursor: pointer;\n\n  flex-wrap: nowrap;\n\n  ${({ size }) =>\n    size === 'sm' &&\n    css`\n      height: 16px;\n    `}\n\n  &${isDisabled} {\n    cursor: default;\n  }\n`;\n\nconst CheckboxBox = styled.div<{ disabled?: boolean; checked?: boolean }>`\n  cursor: pointer;\n  display: flex;\n  flex: 0 0 16px;\n  justify-content: center;\n  align-items: center;\n  transition:\n    box-shadow ${TransitionDuration.Fast},\n    background-color ${TransitionDuration.Fast},\n    border-color ${TransitionDuration.Fast};\n  border-radius: 3px;\n  height: ${Spacing[4]};\n  width: ${Spacing[4]};\n  box-sizing: border-box;\n  border: 1px solid ${Color.BorderInputCheckbox};\n  background: ${Color.BackgroundInputDefault};\n\n  svg {\n    color: ${Color.BorderIconInverse};\n  }\n\n  &${isDisabled} {\n    cursor: default;\n    background: ${Color.BackgroundInputDisabled};\n    border-color: ${Color.BorderInputDisabled};\n  }\n\n  ${({ checked }) =>\n    checked &&\n    css`\n      border-color: ${Color.BackgroundInputActive};\n      background: ${Color.BackgroundInputActive};\n\n      &${isDisabled} {\n        border-color: ${Color.BackgroundInputActiveDisabled};\n        background: ${Color.BackgroundInputActiveDisabled};\n      }\n    `}\n`;\n\nconst CheckboxInput = styled.input`\n  cursor: inherit;\n  height: 16px;\n  width: 16px;\n  margin: 0;\n  border: 0;\n  opacity: 0;\n  overflow: hidden;\n  position: absolute;\n\n  &${isHovered}${isNotDisabled} ~ ${CheckboxBox} {\n    border-color: ${Color.BorderInputCheckboxHover};\n  }\n\n  &${isChecked}, &${isIndeterminate} {\n    &${isHovered}${isNotDisabled} ~ ${CheckboxBox} {\n      background: ${Color.BackgroundInputActiveHover};\n      border-color: ${Color.BackgroundInputActiveHover};\n    }\n  }\n\n  &${isFocusedVisible}${isNotDisabled} ~ ${CheckboxBox} {\n    ${focusStyle}\n  }\n`;\n\nconst Label = styled.label<{ disabled: boolean; size: 'md' | 'sm' }>`\n  cursor: inherit;\n  color: ${Color.TextPrimary};\n\n  ${({ size }) =>\n    size === 'sm'\n      ? css`\n          ${Typography.TextSmall};\n          line-height: 16px;\n        `\n      : css`\n          ${Typography.TextMedium};\n\n          /** Nudge text for visual alignment */\n          position: relative;\n          bottom: -1px;\n        `}\n\n  ${({ theme, disabled }) =>\n    disabled &&\n    css`\n      cursor: default;\n      color: ${theme.color.text.disabled};\n    `}\n`;\n\nexport interface CheckboxProps extends Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'size'> {\n  /**\n   * `id` for the underlying `<input>`. If not provided a unique ID is generated\n   * automatically and linked to the label.\n   */\n  id?: string;\n  /** Called whenever the checked state changes. */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Visible label rendered to the right of the checkbox box. */\n  label?: ReactNode;\n  /** Disables interaction and renders the checkbox in a muted style. */\n  disabled?: boolean;\n  /**\n   * When true the checkbox displays a dash (−) instead of a tick, indicating a\n   * mixed / partially-selected state. Sets `aria-checked=\"mixed\"` for screen readers.\n   */\n  indeterminate?: boolean;\n  /**\n   * Controlled checked state. Omit (or pass `undefined`) to let the component\n   * manage state internally via `defaultChecked`.\n   */\n  checked?: boolean;\n  /** Value submitted with a form. */\n  value?: unknown;\n  'data-test'?: string;\n  /** Additional props forwarded to the outer container `<div>`. */\n  containerProps?: ComponentPropsWithoutRef<'div'>;\n  /**\n   * Size of the checkbox and its label text.\n   * @defaultValue 'md'\n   */\n  size?: 'md' | 'sm';\n  /**\n   * Tooltip content to display when hovering over the label.\n   * When provided, the label will be wrapped in a tooltip.\n   */\n  tooltip?: ReactNode;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n  {\n    className,\n    disabled,\n    indeterminate,\n    onChange,\n    checked: checkedProp,\n    defaultChecked,\n    id,\n    label,\n    'data-test': dataTest,\n    containerProps,\n    value,\n    size = 'md',\n    tooltip,\n    ...elemProps\n  },\n  ref,\n) {\n  const field = useFormField({ disabled });\n  const [checked, setChecked] = useControlled({\n    controlledValue: checkedProp,\n    default: defaultChecked,\n  });\n  const generatedId = useMemo(() => uniqueId('pds_checkbox__'), []);\n  const inputRef = useRef<HTMLInputElement>();\n\n  // Use the inputId from FormControl context if available, otherwise use the provided id or generate one\n  const inputId = field.inputId || id || generatedId;\n\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n  useEffect(() => {\n    if (inputRef.current) {\n      /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate, inputRef]);\n\n  return (\n    <Container\n      direction='horizontal'\n      className={className}\n      data-test={dataTest}\n      disabled={field.disabled}\n      align='center'\n      size={size}\n      {...containerProps}\n    >\n      <CheckboxInput\n        id={inputId}\n        /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n        ref={ref || inputRef}\n        data-test={dataTest && `${dataTest}-input`}\n        disabled={field.disabled}\n        type='checkbox'\n        checked={checkedProp == null ? undefined : checked}\n        defaultChecked={defaultChecked}\n        onChange={(e) => {\n          setChecked(e.target.checked);\n          if (onChange) {\n            onChange(e);\n          }\n        }}\n        aria-checked={indeterminate ? 'mixed' : checked}\n        value={value as unknown as string}\n        {...elemProps}\n      />\n      <CheckboxBox\n        aria-hidden='true'\n        disabled={field.disabled}\n        checked={(checked != null && checked) || indeterminate}\n      >\n        {indeterminate ? <InputDashIcon /> : checked ? <InputCheckIcon /> : null}\n      </CheckboxBox>\n      {label &&\n        (tooltip ? (\n          <Tooltip\n            size={size}\n            trigger={\n              <Label htmlFor={inputId} disabled={!!field.disabled} size={size}>\n                <TextWithDashedUnderline>{label}</TextWithDashedUnderline>\n              </Label>\n            }\n          >\n            {tooltip}\n          </Tooltip>\n        ) : (\n          <Label htmlFor={inputId} disabled={!!field.disabled} size={size}>\n            {label}\n          </Label>\n        ))}\n    </Container>\n  );\n});\n\nexport default Checkbox;\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox-CmCujC1W.cjs","names":["Stack","isDisabled","Spacing","Color","isHovered","isNotDisabled","isChecked","isIndeterminate","isFocusedVisible","focusStyle","Typography","useFormField","useControlled","InputDashIcon","InputCheckIcon","Tooltip","TextWithDashedUnderline"],"sources":["../components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { uniqueId } from 'lodash';\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\nimport { InputCheckIcon, InputDashIcon } from '@persona/icons';\nimport useFormField from 'design-system/components/FormControl/useFormField';\nimport Stack from 'design-system/components/Stack/Stack';\nimport Tooltip from 'design-system/components/Tooltip';\nimport { TextWithDashedUnderline } from 'design-system/components/Tooltip/TextUnderlineTooltip';\nimport {\n  isChecked,\n  isDisabled,\n  isFocusedVisible,\n  isHovered,\n  isIndeterminate,\n  isNotDisabled,\n} from 'design-system/lib/pseudoClass';\nimport useControlled from 'design-system/lib/useControlled';\nimport { focusStyle } from 'design-system/mixins/focus';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\nconst Container = styled(Stack)<{ size: 'md' | 'sm'; disabled?: boolean }>`\n  position: relative;\n  cursor: pointer;\n\n  flex-wrap: nowrap;\n\n  ${({ size }) =>\n    size === 'sm' &&\n    css`\n      height: 16px;\n    `}\n\n  &${isDisabled} {\n    cursor: default;\n  }\n`;\n\nconst CheckboxBox = styled.div<{ disabled?: boolean; checked?: boolean }>`\n  cursor: pointer;\n  display: flex;\n  flex: 0 0 16px;\n  justify-content: center;\n  align-items: center;\n  transition:\n    box-shadow ${TransitionDuration.Fast},\n    background-color ${TransitionDuration.Fast},\n    border-color ${TransitionDuration.Fast};\n  border-radius: 3px;\n  height: ${Spacing[4]};\n  width: ${Spacing[4]};\n  box-sizing: border-box;\n  border: 1px solid ${Color.BorderInputCheckbox};\n  background: ${Color.BackgroundInputDefault};\n\n  svg {\n    color: ${Color.BorderIconInverse};\n  }\n\n  &${isDisabled} {\n    cursor: default;\n    background: ${Color.BackgroundInputDisabled};\n    border-color: ${Color.BorderInputDisabled};\n  }\n\n  ${({ checked }) =>\n    checked &&\n    css`\n      border-color: ${Color.BackgroundInputActive};\n      background: ${Color.BackgroundInputActive};\n\n      &${isDisabled} {\n        border-color: ${Color.BackgroundInputActiveDisabled};\n        background: ${Color.BackgroundInputActiveDisabled};\n      }\n    `}\n`;\n\nconst CheckboxInput = styled.input`\n  cursor: inherit;\n  height: 16px;\n  width: 16px;\n  margin: 0;\n  border: 0;\n  opacity: 0;\n  overflow: hidden;\n  position: absolute;\n\n  &${isHovered}${isNotDisabled} ~ ${CheckboxBox} {\n    border-color: ${Color.BorderInputCheckboxHover};\n  }\n\n  &${isChecked}, &${isIndeterminate} {\n    &${isHovered}${isNotDisabled} ~ ${CheckboxBox} {\n      background: ${Color.BackgroundInputActiveHover};\n      border-color: ${Color.BackgroundInputActiveHover};\n    }\n  }\n\n  &${isFocusedVisible}${isNotDisabled} ~ ${CheckboxBox} {\n    ${focusStyle}\n  }\n`;\n\nconst Label = styled.label<{ disabled: boolean; size: 'md' | 'sm' }>`\n  cursor: inherit;\n  color: ${Color.TextPrimary};\n\n  ${({ size }) =>\n    size === 'sm'\n      ? css`\n          ${Typography.TextSmall};\n          line-height: 16px;\n        `\n      : css`\n          ${Typography.TextMedium};\n\n          /** Nudge text for visual alignment */\n          position: relative;\n          bottom: -1px;\n        `}\n\n  ${({ theme, disabled }) =>\n    disabled &&\n    css`\n      cursor: default;\n      color: ${theme.color.text.disabled};\n    `}\n`;\n\nexport interface CheckboxProps extends Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'size'> {\n  /**\n   * `id` for the underlying `<input>`. If not provided a unique ID is generated\n   * automatically and linked to the label.\n   */\n  id?: string;\n  /** Called whenever the checked state changes. */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Visible label rendered to the right of the checkbox box. */\n  label?: ReactNode;\n  /** Disables interaction and renders the checkbox in a muted style. */\n  disabled?: boolean;\n  /**\n   * When true the checkbox displays a dash (−) instead of a tick, indicating a\n   * mixed / partially-selected state. Sets `aria-checked=\"mixed\"` for screen readers.\n   */\n  indeterminate?: boolean;\n  /**\n   * Controlled checked state. Omit (or pass `undefined`) to let the component\n   * manage state internally via `defaultChecked`.\n   */\n  checked?: boolean;\n  /** Value submitted with a form. */\n  value?: unknown;\n  'data-test'?: string;\n  /** Additional props forwarded to the outer container `<div>`. */\n  containerProps?: ComponentPropsWithoutRef<'div'>;\n  /**\n   * Size of the checkbox and its label text.\n   * @defaultValue 'md'\n   */\n  size?: 'md' | 'sm';\n  /**\n   * Tooltip content to display when hovering over the label.\n   * When provided, the label will be wrapped in a tooltip.\n   */\n  tooltip?: ReactNode;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n  {\n    className,\n    disabled,\n    indeterminate,\n    onChange,\n    checked: checkedProp,\n    defaultChecked,\n    id,\n    label,\n    'data-test': dataTest,\n    containerProps,\n    value,\n    size = 'md',\n    tooltip,\n    ...elemProps\n  },\n  ref,\n) {\n  const field = useFormField({ disabled });\n  const [checked, setChecked] = useControlled({\n    controlledValue: checkedProp,\n    default: defaultChecked,\n  });\n  const generatedId = useMemo(() => uniqueId('pds_checkbox__'), []);\n  const inputRef = useRef<HTMLInputElement>();\n\n  // Use the inputId from FormControl context if available, otherwise use the provided id or generate one\n  const inputId = field.inputId || id || generatedId;\n\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n  useEffect(() => {\n    if (inputRef.current) {\n      /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate, inputRef]);\n\n  return (\n    <Container\n      direction='horizontal'\n      className={className}\n      data-test={dataTest}\n      disabled={field.disabled}\n      align='center'\n      size={size}\n      {...containerProps}\n    >\n      <CheckboxInput\n        id={inputId}\n        /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n        ref={ref || inputRef}\n        data-test={dataTest && `${dataTest}-input`}\n        disabled={field.disabled}\n        type='checkbox'\n        checked={checkedProp == null ? undefined : checked}\n        defaultChecked={defaultChecked}\n        onChange={(e) => {\n          setChecked(e.target.checked);\n          if (onChange) {\n            onChange(e);\n          }\n        }}\n        aria-checked={indeterminate ? 'mixed' : checked}\n        value={value as unknown as string}\n        {...elemProps}\n      />\n      <CheckboxBox\n        aria-hidden='true'\n        disabled={field.disabled}\n        checked={(checked != null && checked) || indeterminate}\n      >\n        {indeterminate ? <InputDashIcon /> : checked ? <InputCheckIcon /> : null}\n      </CheckboxBox>\n      {label &&\n        (tooltip ? (\n          <Tooltip\n            size={size}\n            trigger={\n              <Label htmlFor={inputId} disabled={!!field.disabled} size={size}>\n                <TextWithDashedUnderline>{label}</TextWithDashedUnderline>\n              </Label>\n            }\n          >\n            {tooltip}\n          </Tooltip>\n        ) : (\n          <Label htmlFor={inputId} disabled={!!field.disabled} size={size}>\n            {label}\n          </Label>\n        ))}\n    </Container>\n  );\n});\n\nexport default Checkbox;\n"],"mappings":"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"}

package/dist/{Checkbox-Bc2kzl9q.d.mts → Checkbox-Cr8ifm10.d.cts}

@@ -43,4 +43,4 @@ interface CheckboxProps extends Omit<ComponentPropsWithoutRef<'input'>, 'value'
 declare const Checkbox: _$react.ForwardRefExoticComponent<CheckboxProps & _$react.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { CheckboxProps as n, Checkbox as t };
-//# sourceMappingURL=Checkbox-Bc2kzl9q.d.mts.map
+//# sourceMappingURL=Checkbox-Cr8ifm10.d.cts.map

package/dist/Checkbox.d.cts

@@ -1,2 +1,2 @@
-import { n as CheckboxProps, t as Checkbox } from "./Checkbox-BmjK0Wac.cjs";
+import { n as CheckboxProps, t as Checkbox } from "./Checkbox-Cr8ifm10.cjs";
 export { Checkbox, Checkbox as default, CheckboxProps };

package/dist/Checkbox.d.mts

@@ -1,2 +1,2 @@
-import { n as CheckboxProps, t as Checkbox } from "./Checkbox-Bc2kzl9q.mjs";
+import { n as CheckboxProps, t as Checkbox } from "./Checkbox-Bm8exUfH.mjs";
 export { Checkbox, Checkbox as default, CheckboxProps };

package/dist/CheckboxGroupField.d.cts

@@ -1,4 +1,4 @@
-import { n as CheckboxProps } from "./Checkbox-BmjK0Wac.cjs";
+import { n as CheckboxProps } from "./Checkbox-Cr8ifm10.cjs";
 import { ImplementsFormField } from "./inputFields.cjs";
 import { ReactElement } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";

package/dist/CheckboxGroupField.d.mts

@@ -1,7 +1,7 @@
-import { n as CheckboxProps } from "./Checkbox-Bc2kzl9q.mjs";
+import { n as CheckboxProps } from "./Checkbox-Bm8exUfH.mjs";
 import { ImplementsFormField } from "./inputFields.mjs";
-import { ReactElement } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactElement } from "react";
 import { AriaCheckboxGroupProps } from "react-aria";
 
 //#region components/FormField/CheckboxGroupField.d.ts

package/dist/ChoicesValueControl.d.mts

@@ -0,0 +1,35 @@
+import { t as ValueControlProps } from "./types-D7ppqnNj.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/DataTable/TableControls/FiltersV2/value-controls/ChoicesValueControl/ChoicesValueControl.d.ts
+interface ChoicesValueControlProps extends ValueControlProps {
+  /**
+   * When `true`, renders a multi-select combobox backed by an array value
+   * (`multi_choices`-typed fields). When `false`/omitted, renders a
+   * single-select combobox backed by a string value (`choices`-typed fields).
+   */
+  multiple?: boolean;
+}
+/**
+ * Filter UI v2 — value control for `choices` / `multi_choices`-typed fields.
+ *
+ * Backed by the design-system `Combobox`. In single-select mode the value is a
+ * string; in `multiple` mode it is an array of strings. Options come from
+ * `field.options` (populated by `FieldRegistry` from the backend's
+ * `field_key_to_info` payload). Renders nothing when the active operator is
+ * valueless (e.g. `is_empty`).
+ */
+declare function ChoicesValueControl({
+  field,
+  operator,
+  value,
+  onChange,
+  onCommit,
+  ariaLabel,
+  trigger,
+  layout,
+  multiple
+}: ChoicesValueControlProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { ChoicesValueControlProps, ChoicesValueControl as default };
+//# sourceMappingURL=ChoicesValueControl.d.mts.map