@dropins/storefront-purchase-order 0.0.5-alpha1 → 0.0.5-alpha11

package/chunks/FormLoader2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormLoader2.js","sources":["../../node_modules/@adobe-commerce/elsie/src/components/Skeleton/Skeleton.tsx","/@dropins/storefront-purchase-order/src/components/FormLoader/FormLoader.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Skeleton/Skeleton.css';\n\nexport interface SkeletonRowProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  fullWidth?: boolean;\n  lines?: number;\n  size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n  variant?: 'heading' | 'row' | 'empty';\n  multilineGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n  children?: string;\n}\n\nconst SINGLELINE = 1;\n\nexport const SkeletonRow: FunctionComponent<SkeletonRowProps> = ({\n  className,\n  fullWidth = false,\n  lines = SINGLELINE,\n  size = 'small',\n  variant = 'row',\n  children = null,\n  multilineGap = 'medium',\n  ...props\n}) => {\n  const sharedClasses = [\n    [`dropin-skeleton-row__${variant}`, variant],\n    [`dropin-skeleton-row__${variant}-${size}`, variant && size],\n  ];\n\n  if (!children && variant === 'empty') {\n    return (\n      <div\n        className={classes([\n          'dropin-skeleton-row dropin-skeleton-row__empty',\n          className,\n        ])}\n      />\n    );\n  }\n\n  if (children) {\n    const svg = children.trim();\n    return (\n      <div\n        {...props}\n        class={classes([\n          'dropin-skeleton-row',\n          [`dropin-skeleton-row--full`, fullWidth],\n          className,\n        ])}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: svg }}\n      />\n    );\n  }\n\n  const isMultiline = lines > SINGLELINE;\n\n  if (isMultiline === false) {\n    return (\n      <div\n        {...props}\n        class={classes([\n          'dropin-skeleton-row',\n          [`dropin-skeleton-row--full`, fullWidth],\n          'dropin-skeleton--row__content',\n          ...sharedClasses,\n          className,\n        ])}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...props}\n      style={{ '--multiline-gap-spacing': `var(--spacing-${multilineGap})` }}\n      class={classes([\n        'dropin-skeleton-row--multiline',\n        [`dropin-skeleton-row--full`, fullWidth],\n        className,\n      ])}\n    >\n      {Array.from({ length: lines }).map((_, index) => (\n        <div\n          key={index}\n          class={classes([\n            'dropin-skeleton-row',\n            [`dropin-skeleton-row--full`, fullWidth],\n            'dropin-skeleton--row__content',\n            ...sharedClasses,\n          ])}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport interface SkeletonProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  rowGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n}\n\nexport const Skeleton: FunctionComponent<SkeletonProps> = ({\n  className,\n  children,\n  rowGap = 'medium',\n  ...props\n}) => {\n  return (\n    <div\n      style={{ '--row-gap-spacing': `var(--spacing-${rowGap})` }}\n      {...props}\n      className={classes(['dropin-skeleton', className])}\n      role=\"status\"\n      aria-label=\"Loading...\"\n    >\n      {children}\n    </div>\n  );\n};\n","/*******************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport {\n  Skeleton,\n  SkeletonRow,\n} from '@adobe-commerce/elsie/components/Skeleton';\nimport '@/b2b-purchase-order/components/FormLoader/FormLoader.css';\n\nexport interface FormLoaderProps {\n  className?: string;\n  testId?: string;\n}\n\nexport const FormLoader: FunctionComponent<FormLoaderProps> = ({\n  testId = '',\n  className = '',\n}) => {\n  return (\n    <div\n      data-testid={testId}\n      className={classes(['b2b-purchase-order-form-loader', className])}\n    >\n      <Skeleton rowGap=\"medium\" data-testid=\"form-loader-root\">\n        {/* Status toggle */}\n        <SkeletonRow\n          size=\"small\"\n          variant=\"row\"\n          fullWidth\n          lines={1}\n          style={{ maxWidth: 300 }}\n          data-testid=\"form-loader-status-toggle\"\n        />\n        <SkeletonRow\n          size=\"medium\"\n          variant=\"row\"\n          fullWidth\n          lines={1}\n          data-testid=\"form-loader-name\"\n        />\n        <SkeletonRow\n          size=\"medium\"\n          variant=\"row\"\n          fullWidth\n          lines={4}\n          data-testid=\"form-loader-description\"\n        />\n        {/* Approval role section */}\n        <div\n          className=\"approval-rule-form-loader__section\"\n          data-testid=\"form-loader-approval-role-section\"\n        >\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            data-testid=\"form-loader-approval-role-label\"\n          />\n          <SkeletonRow\n            size=\"small\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            data-testid=\"form-loader-approval-role-input\"\n          />\n        </div>\n\n        <div\n          className=\"approval-rule-form-loader__buttons\"\n          data-testid=\"form-loader-buttons\"\n        >\n          <SkeletonRow\n            size=\"medium\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ width: 120 }}\n            data-testid=\"form-loader-button-save\"\n          />\n          <SkeletonRow\n            size=\"medium\"\n            variant=\"row\"\n            fullWidth\n            lines={1}\n            style={{ width: 120 }}\n            data-testid=\"form-loader-button-cancel\"\n          />\n        </div>\n      </Skeleton>\n    </div>\n  );\n};\n"],"names":["SINGLELINE","SkeletonRow","className","fullWidth","lines","size","variant","children","multilineGap","props","sharedClasses","jsx","classes","svg","_","index","Skeleton","rowGap","FormLoader","testId","jsxs"],"mappings":"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","x_google_ignoreList":[0]}