@tosui/react 0.1.3 → 0.1.5

package/dist/components/Box/interactions/interactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactions.js","sources":["../../../../src/components/Box/interactions/interactions.ts"],"sourcesContent":["import {\n  STATE_CLASS_SUFFIXES,\n  type StateKey,\n  type StyleResult,\n} from \"../shared\";\nimport styles from \"./interactions.module.css\";\nimport clsx from \"clsx\";\n\nexport type CursorValue =\n  | \"auto\"\n  | \"default\"\n  | \"pointer\"\n  | \"wait\"\n  | \"text\"\n  | \"move\"\n  | \"not-allowed\"\n  | \"grab\"\n  | \"grabbing\"\n  | \"zoom-in\"\n  | \"zoom-out\"\n  | \"crosshair\";\n\nexport type PointerEventsValue = \"auto\" | \"none\" | \"all\";\n\nexport type UserSelectValue = \"auto\" | \"none\" | \"text\" | \"all\";\n\nexport type InteractionProps = {\n  cursor?: CursorValue;\n  pointerEvents?: PointerEventsValue;\n  userSelect?: UserSelectValue;\n};\n\nexport type InteractionStateProps = {\n  _hover?: InteractionProps;\n};\n\nfunction getCursorClass(value: CursorValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`cursor-${value}${stateClassSuffix}`]\n    : styles[`cursor-${value}`];\n}\n\nfunction getPointerEventsClass(value: PointerEventsValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`pointer-${value}${stateClassSuffix}`]\n    : styles[`pointer-${value}`];\n}\n\nfunction getUserSelectClass(value: UserSelectValue, state: StateKey): string | undefined {\n  const stateClassSuffix = STATE_CLASS_SUFFIXES[state];\n  return stateClassSuffix\n    ? styles[`select-${value}${stateClassSuffix}`]\n    : styles[`select-${value}`];\n}\n\nfunction getInteractionStylesForState(\n  props: InteractionProps | undefined,\n  state: StateKey\n): StyleResult {\n  if (!props) return { className: \"\", style: {} };\n\n  const classes: string[] = [];\n\n  if (props.cursor) {\n    const cls = getCursorClass(props.cursor, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (props.pointerEvents) {\n    const cls = getPointerEventsClass(props.pointerEvents, state);\n    if (cls) classes.push(cls);\n  }\n\n  if (props.userSelect) {\n    const cls = getUserSelectClass(props.userSelect, state);\n    if (cls) classes.push(cls);\n  }\n\n  return { className: clsx(...classes), style: {} };\n}\n\nexport function getInteractionStyles(\n  props: InteractionProps & InteractionStateProps\n): StyleResult {\n  const { cursor, pointerEvents, userSelect, _hover } = props;\n\n  const baseStyles = getInteractionStylesForState({ cursor, pointerEvents, userSelect }, \"base\");\n  const hoverStyles = getInteractionStylesForState(_hover, \"hover\");\n\n  return {\n    className: clsx(baseStyles.className, hoverStyles.className),\n    style: {},\n  };\n}\n"],"names":[],"mappings":";;;AAoCA,SAAS,eAAe,OAAoB,OAAqC;AAC/E,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,UAAU,KAAK,GAAG,gBAAgB,EAAE,IAC3C,OAAO,UAAU,KAAK,EAAE;AAC9B;AAEA,SAAS,sBAAsB,OAA2B,OAAqC;AAC7F,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,WAAW,KAAK,GAAG,gBAAgB,EAAE,IAC5C,OAAO,WAAW,KAAK,EAAE;AAC/B;AAEA,SAAS,mBAAmB,OAAwB,OAAqC;AACvF,QAAM,mBAAmB,qBAAqB,KAAK;AACnD,SAAO,mBACH,OAAO,UAAU,KAAK,GAAG,gBAAgB,EAAE,IAC3C,OAAO,UAAU,KAAK,EAAE;AAC9B;AAEA,SAAS,6BACP,OACA,OACa;AACb,MAAI,CAAC,MAAO,QAAO,EAAE,WAAW,IAAI,OAAO,GAAC;AAE5C,QAAM,UAAoB,CAAA;AAE1B,MAAI,MAAM,QAAQ;AAChB,UAAM,MAAM,eAAe,MAAM,QAAQ,KAAK;AAC9C,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,MAAM,eAAe;AACvB,UAAM,MAAM,sBAAsB,MAAM,eAAe,KAAK;AAC5D,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,MAAM,mBAAmB,MAAM,YAAY,KAAK;AACtD,QAAI,IAAK,SAAQ,KAAK,GAAG;AAAA,EAC3B;AAEA,SAAO,EAAE,WAAW,KAAK,GAAG,OAAO,GAAG,OAAO,GAAC;AAChD;AAEO,SAAS,qBACd,OACa;AACb,QAAM,EAAE,QAAQ,eAAe,YAAY,WAAW;AAEtD,QAAM,aAAa,6BAA6B,EAAE,QAAQ,eAAe,WAAA,GAAc,MAAM;AAC7F,QAAM,cAAc,6BAA6B,QAAQ,OAAO;AAEhE,SAAO;AAAA,IACL,WAAW,KAAK,WAAW,WAAW,YAAY,SAAS;AAAA,IAC3D,OAAO,CAAA;AAAA,EAAC;AAEZ;"}
+{"version":3,"file":"interactions.js","sources":["../../../../src/components/Box/interactions/interactions.ts"],"sourcesContent":["import type { ResponsiveValue } from \"@/utils/breakpoints\";\nimport {\n  type StateKey,\n  type StateProps,\n  type StyleResult,\n  getEnumResponsiveStyles,\n} from \"../shared\";\nimport styles from \"./interactions.module.css\";\nimport clsx from \"clsx\";\n\nexport type CursorValue =\n  | \"auto\"\n  | \"default\"\n  | \"pointer\"\n  | \"wait\"\n  | \"text\"\n  | \"move\"\n  | \"not-allowed\"\n  | \"grab\"\n  | \"grabbing\"\n  | \"zoom-in\"\n  | \"zoom-out\"\n  | \"crosshair\";\n\nexport type PointerEventsValue = \"auto\" | \"none\" | \"all\";\n\nexport type UserSelectValue = \"auto\" | \"none\" | \"text\" | \"all\";\n\nexport type InteractionProps = {\n  cursor?: ResponsiveValue<CursorValue>;\n  pointerEvents?: ResponsiveValue<PointerEventsValue>;\n  userSelect?: ResponsiveValue<UserSelectValue>;\n};\n\nfunction getInteractionStylesForState(\n  props: InteractionProps | undefined,\n  state: StateKey\n): StyleResult {\n  if (!props) return { className: \"\", style: {} };\n\n  const cursorResult = getEnumResponsiveStyles(styles, \"cursor\", props.cursor, state);\n  const pointerResult = getEnumResponsiveStyles(styles, \"pointer\", props.pointerEvents, state);\n  const selectResult = getEnumResponsiveStyles(styles, \"select\", props.userSelect, state);\n\n  return {\n    className: clsx(cursorResult.className, pointerResult.className, selectResult.className),\n    style: {},\n  };\n}\n\nexport function getInteractionStyles(\n  props: InteractionProps & StateProps<InteractionProps>\n): StyleResult {\n  const { _hover, _focus, _active, _disabled, ...baseProps } = props;\n\n  const baseStyles = getInteractionStylesForState(baseProps, \"base\");\n  const hoverStyles = getInteractionStylesForState(_hover, \"hover\");\n  const focusStyles = getInteractionStylesForState(_focus, \"focus\");\n  const activeStyles = getInteractionStylesForState(_active, \"active\");\n  const disabledStyles = getInteractionStylesForState(_disabled, \"disabled\");\n\n  return {\n    className: clsx(\n      baseStyles.className,\n      hoverStyles.className,\n      focusStyles.className,\n      activeStyles.className,\n      disabledStyles.className\n    ),\n    style: {},\n  };\n}\n"],"names":[],"mappings":";;;AAkCA,SAAS,6BACP,OACA,OACa;AACb,MAAI,CAAC,MAAO,QAAO,EAAE,WAAW,IAAI,OAAO,GAAC;AAE5C,QAAM,eAAe,wBAAwB,QAAQ,UAAU,MAAM,QAAQ,KAAK;AAClF,QAAM,gBAAgB,wBAAwB,QAAQ,WAAW,MAAM,eAAe,KAAK;AAC3F,QAAM,eAAe,wBAAwB,QAAQ,UAAU,MAAM,YAAY,KAAK;AAEtF,SAAO;AAAA,IACL,WAAW,KAAK,aAAa,WAAW,cAAc,WAAW,aAAa,SAAS;AAAA,IACvF,OAAO,CAAA;AAAA,EAAC;AAEZ;AAEO,SAAS,qBACd,OACa;AACb,QAAM,EAAE,QAAQ,QAAQ,SAAS,WAAW,GAAG,cAAc;AAE7D,QAAM,aAAa,6BAA6B,WAAW,MAAM;AACjE,QAAM,cAAc,6BAA6B,QAAQ,OAAO;AAChE,QAAM,cAAc,6BAA6B,QAAQ,OAAO;AAChE,QAAM,eAAe,6BAA6B,SAAS,QAAQ;AACnE,QAAM,iBAAiB,6BAA6B,WAAW,UAAU;AAEzE,SAAO;AAAA,IACL,WAAW;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,eAAe;AAAA,IAAA;AAAA,IAEjB,OAAO,CAAA;AAAA,EAAC;AAEZ;"}