@purpur/library 9.1.3 → 9.2.0

package/dist/quantity-selector-CGhJ2DjO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"quantity-selector-CGhJ2DjO.mjs","sources":["../../../components/icon/dist/components/minus.es.js","../../../components/icon/dist/components/plus.es.js","../../../components/quantity-selector/src/quantity-selector-button.tsx","../../../components/quantity-selector/src/quantity-selector.tsx"],"sourcesContent":["import { jsx as s } from \"react/jsx-runtime\";\nimport { I as n } from \"../icon-DNHpBTHs.mjs\";\nconst i = {\n  name: \"minus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus\"],\n  category: \"utility\"\n}, e = (o) => /* @__PURE__ */ s(n, { ...o, svg: i });\ne.displayName = \"IconMinus\";\nexport {\n  e as IconMinus\n};\n//# sourceMappingURL=minus.es.js.map\n","import { jsx as s } from \"react/jsx-runtime\";\nimport { I as l } from \"../icon-DNHpBTHs.mjs\";\nconst e = {\n  name: \"plus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 4.1a.9.9 0 0 1 .9.9v6.1H19a.9.9 0 1 1 0 1.8h-6.1V19a.9.9 0 0 1-1.8 0v-6.1H5a.9.9 0 0 1 0-1.8h6.1V5a.9.9 0 0 1 .9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"plus\"],\n  category: \"utility\"\n}, r = (o) => /* @__PURE__ */ s(l, { ...o, svg: e });\nr.displayName = \"IconPlus\";\nexport {\n  r as IconPlus\n};\n//# sourceMappingURL=plus.es.js.map\n","import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconMinus } from \"@purpur/icon/minus\";\nimport { IconPlus } from \"@purpur/icon/plus\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./quantity-selector-button.module.scss\";\n\ntype variant = \"primary\" | \"secondary\";\ntype buttonType = \"increment\" | \"decrement\";\n\ntype QuantitySelectorButtonProps = {\n  [\"data-testid\"]?: string;\n  [\"aria-label\"]?: string;\n  disabled?: boolean;\n  hasGap: boolean;\n  variant: variant;\n  buttonType: buttonType;\n  onClick: (buttonType: buttonType) => void;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-quantity-selector-button\";\n\nexport const QuantitySelectorButton = ({\n  [\"data-testid\"]: dataTestid,\n  [\"aria-label\"]: ariaLabel,\n  disabled,\n  hasGap,\n  variant,\n  buttonType,\n  onClick,\n}: QuantitySelectorButtonProps) => {\n  const classes = cx(rootClassName, {\n    [`${rootClassName}--gap-left`]: hasGap && buttonType === \"decrement\",\n    [`${rootClassName}--gap-right`]: hasGap && buttonType === \"increment\",\n    [`${rootClassName}--no-gap-left`]: !hasGap && buttonType === \"decrement\",\n    [`${rootClassName}--no-gap-right`]: !hasGap && buttonType === \"increment\",\n  });\n\n  return (\n    <Button\n      data-testid={dataTestid}\n      className={classes}\n      size=\"sm\"\n      type=\"submit\"\n      variant={variant}\n      onClick={() => onClick(buttonType)}\n      iconOnly={true}\n      aria-label={ariaLabel ?? \"\"}\n      disabled={disabled}\n      tabIndex={-1}\n    >\n      {buttonType === \"increment\" ? <IconPlus size=\"xs\" /> : <IconMinus size=\"xs\" />}\n    </Button>\n  );\n};\n","import React, { type ChangeEvent, forwardRef, useEffect, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport { TextField } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./quantity-selector.module.scss\";\nimport { QuantitySelectorButton } from \"./quantity-selector-button\";\n\nconst cx = c.bind(styles);\n\nexport const quantitySelectorVariants = [\"attached\", \"separated\"] as const;\nexport const quantitySelectorButtonVariants = [\"primary\", \"secondary\"] as const;\n\ntype Variant = (typeof quantitySelectorVariants)[number];\ntype ButtonVariant = (typeof quantitySelectorButtonVariants)[number];\n\nexport type QuantitySelectorProps = Omit<BaseProps<\"input\">, \"onChange\" | \"type\"> & {\n  variant: Variant;\n  buttonVariant: ButtonVariant;\n  onChange: (value: number) => void;\n  defaultValue?: number;\n  ariaLabelIncrement?: string;\n  ariaLabelDecrement?: string;\n  /**\n   * Used when the component is controlled\n   */\n  value?: number;\n  minValue?: number;\n  maxValue?: number;\n  label?: string;\n  errorText?: string;\n  fullWidth?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n};\n\nconst rootClassName = \"purpur-quantity-selector\";\n\nexport const QuantitySelector = forwardRef<HTMLInputElement, QuantitySelectorProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      className,\n      variant,\n      buttonVariant,\n      onChange,\n      value: controlledValue,\n      defaultValue,\n      fullWidth,\n      disabled,\n      loading,\n      minValue,\n      maxValue,\n      ariaLabelDecrement,\n      ariaLabelIncrement,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? 0);\n    const [debouncedValue, setDebouncedValue] = useState(uncontrolledValue);\n    const isControlled = controlledValue !== undefined;\n    const value = isControlled ? controlledValue : debouncedValue;\n\n    const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n    const isDisabled = disabled || loading;\n    const min = Math.max(minValue ?? 0, 0);\n    const max = maxValue ?? Number.MAX_SAFE_INTEGER;\n    const incrementDisabled = value === max;\n    const decrementDisabled = value === min;\n\n    useEffect(() => {\n      if (isControlled) {\n        setUncontrolledValue(controlledValue);\n      }\n    }, [controlledValue, isControlled]);\n\n    useEffect(() => {\n      if (!isControlled) {\n        const timer = setTimeout(() => {\n          setUncontrolledValue(debouncedValue);\n        }, 300);\n\n        return () => clearTimeout(timer);\n      }\n      return;\n    }, [debouncedValue, isControlled, onChange]);\n\n    const classes = cx(className, rootClassName, {\n      [`${rootClassName}--no-gap`]:\n        variant === \"attached\" && !isDisabled && !decrementDisabled && !incrementDisabled,\n      [`${rootClassName}--no-gap-disabled-left`]:\n        variant === \"attached\" && !isDisabled && !incrementDisabled && decrementDisabled,\n      [`${rootClassName}--no-gap-disabled-right`]:\n        variant === \"attached\" && !isDisabled && !decrementDisabled && incrementDisabled,\n      [`${rootClassName}--no-gap-disabled`]:\n        variant === \"attached\" && (isDisabled || (incrementDisabled && decrementDisabled)),\n      [`${rootClassName}--full-width`]: fullWidth,\n      [`${rootClassName}--loading`]: loading,\n    });\n\n    const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const numericRegex = /^[0-9]*$/;\n      if (!numericRegex.test(e.target.value)) {\n        return;\n      }\n      const val = +e.target.value;\n      if (val < min || val > max) {\n        return;\n      }\n\n      if (!isControlled) {\n        setDebouncedValue(val);\n      }\n      onChange(val);\n    };\n\n    const handleOnClick = (adjustmentType: \"increment\" | \"decrement\") => {\n      const adjustedValue = adjustmentType === \"increment\" ? value + 1 : value - 1;\n      if (adjustedValue < 0) {\n        return;\n      }\n\n      if (!isControlled) {\n        setDebouncedValue(adjustedValue);\n      }\n      onChange(adjustedValue);\n    };\n\n    const adjustmentButton = (adjustmentType: \"increment\" | \"decrement\") => {\n      const buttonDisabled =\n        (adjustmentType === \"increment\" && incrementDisabled) ||\n        (adjustmentType === \"decrement\" && decrementDisabled);\n\n      return (\n        <QuantitySelectorButton\n          data-testid={getTestId(\"button-\" + adjustmentType)}\n          variant={buttonVariant}\n          buttonType={adjustmentType}\n          hasGap={variant === \"separated\"}\n          onClick={handleOnClick}\n          disabled={isDisabled || buttonDisabled}\n          aria-label={adjustmentType === \"increment\" ? ariaLabelIncrement : ariaLabelDecrement}\n        />\n      );\n    };\n\n    const beforeField = (\n      <>\n        {loading && (\n          <div\n            className={cx(`${rootClassName}__spinner`, {\n              [`${rootClassName}__spinner--full-width`]: fullWidth,\n              [`${rootClassName}__spinner--separated`]: !fullWidth && variant === \"separated\",\n            })}\n          >\n            <Spinner\n              key=\"spinner\"\n              disabled={isDisabled}\n              size=\"xs\"\n              data-testid={getTestId(\"spinner\")}\n            />\n          </div>\n        )}\n        {adjustmentButton(\"decrement\")}\n      </>\n    );\n\n    return (\n      <TextField\n        value={value}\n        type=\"number\"\n        ref={ref}\n        className={classes}\n        data-testid={dataTestId}\n        onChange={handleOnChange}\n        beforeField={beforeField}\n        afterField={adjustmentButton(\"increment\")}\n        disabled={isDisabled}\n        min={min}\n        max={max}\n        role=\"spinbutton\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        {...props}\n      />\n    );\n  }\n);\n\nQuantitySelector.displayName = \"QuantitySelector\";\n"],"names":["i","e","o","s","n","r","l","cx","c","styles","rootClassName","QuantitySelectorButton","dataTestid","ariaLabel","disabled","hasGap","variant","buttonType","onClick","classes","jsx","Button","IconPlus","IconMinus","quantitySelectorVariants","quantitySelectorButtonVariants","QuantitySelector","forwardRef","dataTestId","className","buttonVariant","onChange","controlledValue","defaultValue","fullWidth","loading","minValue","maxValue","ariaLabelDecrement","ariaLabelIncrement","props","ref","uncontrolledValue","setUncontrolledValue","useState","debouncedValue","setDebouncedValue","isControlled","value","getTestId","name","isDisabled","min","max","incrementDisabled","decrementDisabled","useEffect","timer","handleOnChange","val","handleOnClick","adjustmentType","adjustedValue","adjustmentButton","buttonDisabled","beforeField","jsxs","Fragment","Spinner","TextField"],"mappings":"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"}

package/dist/useColorScheme-DNNu9bz0.js

@@ -1,2 +0,0 @@
-"use strict";const r=require("./ThemeProvider-ipAIFRUi.js"),c=()=>{const{colorScheme:e,setColorScheme:o}=r.useTheme();return[e,o]};exports.useColorScheme=c;
-//# sourceMappingURL=useColorScheme-DNNu9bz0.js.map