@veeqo/ui 12.4.0-beta-9 → 12.5.0

package/dist/components/UploadFile/hooks/useValidateInput/useValidateInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useValidateInput.js","sources":["../../../../../src/components/UploadFile/hooks/useValidateInput/useValidateInput.ts"],"sourcesContent":["import { useEffect, useCallback, useState } from 'react';\nimport { AcceptedFileTypes, InputErrorStateMessages } from '../../constants';\n\ntype UseValidateInputProps = {\n  fileTypes: Array<AcceptedFileTypes>;\n  maxBytes: number;\n  fileList: FileList | undefined;\n  inputRef: React.MutableRefObject<HTMLInputElement | null>;\n  customErrorMessage?: string;\n};\n\nexport const useValidateInput = ({\n  fileList,\n  fileTypes,\n  inputRef,\n  maxBytes,\n  customErrorMessage,\n}: UseValidateInputProps) => {\n  // Tracks error states within the input element itself, using preset\n  // error messages and assigns these to the input component based on the file\n  const setInputValidation = useCallback(() => {\n    let errorMessage = customErrorMessage ?? InputErrorStateMessages.VALID;\n\n    if (!inputRef.current?.files?.length) {\n      inputRef.current?.setCustomValidity(errorMessage);\n      return;\n    }\n\n    const results = {\n      numberOfInvalidFormatFiles: 0,\n      numberOfInvalidSizeFiles: 0,\n      totalFiles: inputRef.current.files.length,\n    };\n\n    Array.from(inputRef.current.files).forEach((file) => {\n      // Check file size\n      if (file.size > maxBytes) {\n        results.numberOfInvalidSizeFiles += 1;\n      }\n\n      // Check file type/format\n      const [, extension] = file.type.split('/');\n      const isTypeValid = fileTypes.find((validType) => validType.substring(1) === extension);\n      if (!isTypeValid) {\n        results.numberOfInvalidFormatFiles += 1;\n      }\n    });\n\n    // Determine appropriate error message based on validation results\n    const hasFormatErrors = results.numberOfInvalidFormatFiles > 0;\n    const hasSizeErrors = results.numberOfInvalidSizeFiles > 0;\n    const isSingleFile = results.totalFiles === 1;\n\n    if (hasFormatErrors && hasSizeErrors) {\n      // Both format and size errors exist\n      errorMessage = InputErrorStateMessages.INVALID_FORMAT_AND_SIZE;\n    } else if (hasFormatErrors && !hasSizeErrors) {\n      // Only format errors\n      if (isSingleFile) {\n        errorMessage = InputErrorStateMessages.INVALID_FORMAT;\n      } else {\n        errorMessage = InputErrorStateMessages.INVALID_FORMATS;\n      }\n    } else if (!hasFormatErrors && hasSizeErrors) {\n      // Only size errors\n      if (isSingleFile) {\n        errorMessage = InputErrorStateMessages.INVALID_SIZE;\n      } else {\n        errorMessage = InputErrorStateMessages.INVALID_SIZES;\n      }\n    }\n    // If no errors, errorMessage remains VALID\n\n    inputRef.current?.setCustomValidity(errorMessage);\n    inputRef.current?.reportValidity();\n  }, [customErrorMessage, inputRef, maxBytes, fileTypes]);\n\n  // Validate input whenever fileList or the custom error message changes\n  useEffect(() => {\n    setInputValidation();\n  }, [fileList, setInputValidation]);\n\n  // Used to force a re-render when input validity changes\n  const [validationCount, setValidationCount] = useState(0);\n\n  useEffect(() => {\n    const ref = inputRef?.current;\n    if (!ref) return () => {};\n    const handleInvalid = () => setValidationCount((v) => v + 1);\n    ref.addEventListener('invalid', handleInvalid);\n    return () => {\n      ref.removeEventListener('invalid', handleInvalid);\n    };\n  }, [inputRef]);\n\n  return {\n    validationCount,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/components/UploadFile/mocks/mockUseUploadFile.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="jest" />
-export declare const mockUseRemoveUploadFile: () => {
-    mockRemoveFileFromList: jest.Mock<any, any, any>;
-};
-export declare const mockUseUploadFile: () => {
-    mockRemoveFileFromList: jest.Mock<any, any, any>;
-    mockClearFileSelection: jest.Mock<any, any, any>;
-    mockInputRef: {
-        current: null;
-    };
-    mockOnCancel: jest.Mock<any, any, any>;
-    mockSetFileList: jest.Mock<any, any, any>;
-    mockFileList: undefined;
-};

package/dist/components/UploadFile/utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileExtension.d.ts

@@ -1 +0,0 @@
-export declare const convertFileTypeToAcceptedFileExtension: (fileType: string) => string;

package/dist/components/UploadFile/utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileType.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-const convertFileTypeToAcceptedFileExtension = (fileType) => {
-    if (typeof fileType !== 'string' || !fileType.includes('/')) {
-        throw new Error('Invalid MIME type');
-    }
-    // Remove any MIME parameter (e.g., ";charset=UTF-8")
-    const [typePart] = fileType.split(';');
-    const [group, type] = typePart.trim().split('/');
-    if (!group || !type) {
-        throw new Error('Invalid MIME type');
-    }
-    return `.${type}`;
-};
-
-exports.convertFileTypeToAcceptedFileExtension = convertFileTypeToAcceptedFileExtension;
-//# sourceMappingURL=convertFileTypeToAcceptedFileType.cjs.map

package/dist/components/UploadFile/utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileType.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"convertFileTypeToAcceptedFileType.cjs","sources":["../../../../../src/components/UploadFile/utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileType.ts"],"sourcesContent":["export const convertFileTypeToAcceptedFileExtension = (fileType: string) => {\n  if (typeof fileType !== 'string' || !fileType.includes('/')) {\n    throw new Error('Invalid MIME type');\n  }\n  // Remove any MIME parameter (e.g., \";charset=UTF-8\")\n  const [typePart] = fileType.split(';');\n  const [group, type] = typePart.trim().split('/');\n  if (!group || !type) {\n    throw new Error('Invalid MIME type');\n  }\n  return `.${type}`;\n};\n"],"names":[],"mappings":";;AAAa,MAAA,sCAAsC,GAAG,CAAC,QAAgB,KAAI;AACzE,IAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC3D,QAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;AACrC;;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;AACtC,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AAChD,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE;AACnB,QAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;AACrC;IACD,OAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE;AACnB;;;;"}

package/dist/components/UploadFile/utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileType.d.ts

@@ -1 +0,0 @@
-export declare const convertFileTypeToAcceptedFileExtension: (fileType: string) => string;

package/dist/components/UploadFile/utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileType.js

@@ -1,15 +0,0 @@
-const convertFileTypeToAcceptedFileExtension = (fileType) => {
-    if (typeof fileType !== 'string' || !fileType.includes('/')) {
-        throw new Error('Invalid MIME type');
-    }
-    // Remove any MIME parameter (e.g., ";charset=UTF-8")
-    const [typePart] = fileType.split(';');
-    const [group, type] = typePart.trim().split('/');
-    if (!group || !type) {
-        throw new Error('Invalid MIME type');
-    }
-    return `.${type}`;
-};
-
-export { convertFileTypeToAcceptedFileExtension };
-//# sourceMappingURL=convertFileTypeToAcceptedFileType.js.map

package/dist/components/UploadFile/utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"convertFileTypeToAcceptedFileType.js","sources":["../../../../../src/components/UploadFile/utils/convertFileTypeToAcceptedFileExtension/convertFileTypeToAcceptedFileType.ts"],"sourcesContent":["export const convertFileTypeToAcceptedFileExtension = (fileType: string) => {\n  if (typeof fileType !== 'string' || !fileType.includes('/')) {\n    throw new Error('Invalid MIME type');\n  }\n  // Remove any MIME parameter (e.g., \";charset=UTF-8\")\n  const [typePart] = fileType.split(';');\n  const [group, type] = typePart.trim().split('/');\n  if (!group || !type) {\n    throw new Error('Invalid MIME type');\n  }\n  return `.${type}`;\n};\n"],"names":[],"mappings":"AAAa,MAAA,sCAAsC,GAAG,CAAC,QAAgB,KAAI;AACzE,IAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC3D,QAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;AACrC;;IAED,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;AACtC,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AAChD,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE;AACnB,QAAA,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC;AACrC;IACD,OAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAE;AACnB;;;;"}

package/dist/components/UploadFile/utils/convertFileTypeToAcceptedFileExtension/index.d.ts

@@ -1 +0,0 @@
-export { convertFileTypeToAcceptedFileExtension } from './convertFileTypeToAcceptedFileType';

package/dist/components/UploadFile/utils/isImageType/index.d.ts

@@ -1 +0,0 @@
-export { isImageType } from './isImageType';

package/dist/components/UploadFile/utils/isImageType/isImageType.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-const isImageType = (file) => {
-    if (!file)
-        return false;
-    const fileType = file.type.split('/');
-    if (fileType[0] === 'image') {
-        return true;
-    }
-    return false;
-};
-
-exports.isImageType = isImageType;
-//# sourceMappingURL=isImageType.cjs.map

package/dist/components/UploadFile/utils/isImageType/isImageType.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"isImageType.cjs","sources":["../../../../../src/components/UploadFile/utils/isImageType/isImageType.ts"],"sourcesContent":["export const isImageType = (file?: File | null) => {\n  if (!file) return false;\n\n  const fileType = file.type.split('/');\n\n  if (fileType[0] === 'image') {\n    return true;\n  }\n\n  return false;\n};\n"],"names":[],"mappings":";;AAAa,MAAA,WAAW,GAAG,CAAC,IAAkB,KAAI;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK;IAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAErC,IAAA,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE;AAC3B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/components/UploadFile/utils/isImageType/isImageType.d.ts

@@ -1 +0,0 @@
-export declare const isImageType: (file?: File | null) => boolean;

package/dist/components/UploadFile/utils/isImageType/isImageType.js

@@ -1,12 +0,0 @@
-const isImageType = (file) => {
-    if (!file)
-        return false;
-    const fileType = file.type.split('/');
-    if (fileType[0] === 'image') {
-        return true;
-    }
-    return false;
-};
-
-export { isImageType };
-//# sourceMappingURL=isImageType.js.map

package/dist/components/UploadFile/utils/isImageType/isImageType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isImageType.js","sources":["../../../../../src/components/UploadFile/utils/isImageType/isImageType.ts"],"sourcesContent":["export const isImageType = (file?: File | null) => {\n  if (!file) return false;\n\n  const fileType = file.type.split('/');\n\n  if (fileType[0] === 'image') {\n    return true;\n  }\n\n  return false;\n};\n"],"names":[],"mappings":"AAAa,MAAA,WAAW,GAAG,CAAC,IAAkB,KAAI;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK;IAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAErC,IAAA,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE;AAC3B,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/components/ViewsContainer/styled.cjs

@@ -1,37 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var Stack = require('../Stack/Stack.cjs');
-require('../Stack/types.cjs');
-var Button = require('../Button/Button.cjs');
-require('react');
-var LeftArrowIcon = require('../../icons/design-system/components/LeftArrowIcon.cjs');
-var RightArrowIcon = require('../../icons/design-system/components/RightArrowIcon.cjs');
-var ThreeDotsIcon = require('../../icons/custom/components/ThreeDotsIcon.cjs');
-var colors = require('../../theme/modules/colors.cjs');
-var index = require('../InputGroup/index.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const ViewsWrapper = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--ViewsWrapper", componentId: "vui--x8ukf0" }) `overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}gap:8px;height:inherit;padding:8px 6px 8px 12px;margin-left:0;`;
-const Container = styled__default.default(Stack.Stack).withConfig({ displayName: "vui--Container", componentId: "vui--mlh8wa" }) `background-color:${colors.colors.neutral.grey.lightest};`;
-const StyledLeftIcon = styled__default.default(LeftArrowIcon.ReactComponent).withConfig({ displayName: "vui--StyledLeftIcon", componentId: "vui--193620d" }) `color:${colors.colors.neutral.ink.base};`;
-const StyledRightIcon = styled__default.default(RightArrowIcon.ReactComponent).withConfig({ displayName: "vui--StyledRightIcon", componentId: "vui--erlipg" }) `color:${colors.colors.neutral.ink.base};`;
-const StyledMenuIcon = styled__default.default(ThreeDotsIcon.ThreeDotsIcon).withConfig({ displayName: "vui--StyledMenuIcon", componentId: "vui--eg23b0" }) `color:${colors.colors.neutral.ink.base};`;
-const StyledMenuButton = styled__default.default(Button.Button).withConfig({ displayName: "vui--StyledMenuButton", componentId: "vui--1o9jbht" }) `background-color:white;&:hover{background-color:${colors.colors.neutral.grey.lightest};}`;
-const StyledLeftButton = styled__default.default(Button.Button).withConfig({ displayName: "vui--StyledLeftButton", componentId: "vui--wtwmiz" }) `background-color:white;&:disabled{background-color:white;${StyledLeftIcon}{color:${colors.colors.neutral.ink.lightest};}}&:hover{background-color:${colors.colors.neutral.grey.lightest};}`;
-const StyledRightButton = styled__default.default(Button.Button).withConfig({ displayName: "vui--StyledRightButton", componentId: "vui--1ycuwov" }) `background-color:white;&:disabled{background-color:white;${StyledRightIcon}{color:${colors.colors.neutral.ink.lightest};}}&:hover{background-color:${colors.colors.neutral.grey.lightest};}`;
-const StyledInputGroup = styled__default.default(index.InputGroup).withConfig({ displayName: "vui--StyledInputGroup", componentId: "vui--l3ez4z" }) `padding-right:8px;margin-left:0;& > *:first-child:last-child{border-radius:4px !important;}`;
-
-exports.Container = Container;
-exports.StyledInputGroup = StyledInputGroup;
-exports.StyledLeftButton = StyledLeftButton;
-exports.StyledLeftIcon = StyledLeftIcon;
-exports.StyledMenuButton = StyledMenuButton;
-exports.StyledMenuIcon = StyledMenuIcon;
-exports.StyledRightButton = StyledRightButton;
-exports.StyledRightIcon = StyledRightIcon;
-exports.ViewsWrapper = ViewsWrapper;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/ViewsContainer/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ViewsContainer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../Stack';\nimport { Button } from '../Button';\nimport { LeftArrowIcon, RightArrowIcon, ThreeDotsIcon } from '../../icons';\nimport { colors } from '../../theme/modules/colors';\nimport { InputGroup } from '../InputGroup';\n\nexport const ViewsWrapper = styled(Stack)`\n  overflow-x: scroll;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n\n  ::-webkit-scrollbar {\n    display: none; /* for Chrome, Safari, and Opera */\n  }\n\n  gap: 8px;\n  height: inherit;\n  padding: 8px 6px 8px 12px;\n  margin-left: 0;\n`;\n\nexport const Container = styled(Stack)`\n  background-color: ${colors.neutral.grey.lightest};\n`;\n\nexport const StyledLeftIcon = styled(LeftArrowIcon)`\n  color: ${colors.neutral.ink.base};\n`;\nexport const StyledRightIcon = styled(RightArrowIcon)`\n  color: ${colors.neutral.ink.base};\n`;\n\nexport const StyledMenuIcon = styled(ThreeDotsIcon)`\n  color: ${colors.neutral.ink.base};\n`;\n\nexport const StyledMenuButton = styled(Button)`\n  background-color: white;\n\n  &:hover {\n    background-color: ${colors.neutral.grey.lightest};\n  }\n`;\n\nexport const StyledLeftButton = styled(Button)`\n  background-color: white;\n\n  &:disabled {\n    background-color: white;\n    ${StyledLeftIcon} {\n      color: ${colors.neutral.ink.lightest};\n    }\n  }\n\n  &:hover {\n    background-color: ${colors.neutral.grey.lightest};\n  }\n`;\n\nexport const StyledRightButton = styled(Button)`\n  background-color: white;\n\n  &:disabled {\n    background-color: white;\n    ${StyledRightIcon} {\n      color: ${colors.neutral.ink.lightest};\n    }\n  }\n\n  &:hover {\n    background-color: ${colors.neutral.grey.lightest};\n  }\n`;\n\nexport const StyledInputGroup = styled(InputGroup)`\n  padding-right: 8px;\n  margin-left: 0;\n\n  & > *:first-child:last-child {\n    border-radius: 4px !important;\n  }\n`;\n"],"names":["styled","Stack","colors","LeftArrowIcon","RightArrowIcon","ThreeDotsIcon","Button","InputGroup"],"mappings":";;;;;;;;;;;;;;;;;MAOa,YAAY,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,+JAAA;AAe5B,MAAA,SAAS,GAAGD,uBAAM,CAACC,WAAK,CAAC,CAChB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAAC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAGrC,MAAA,cAAc,GAAGF,uBAAM,CAACG,4BAAa,CAAC,CACxC,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAAD,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAErB,MAAA,eAAe,GAAGF,uBAAM,CAACI,6BAAc,CAAC,CAC1C,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAAF,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAGrB,MAAA,cAAc,GAAGF,uBAAM,CAACK,2BAAa,CAAC,CACxC,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAAH,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAGrB,MAAA,gBAAgB,GAAGF,uBAAM,CAACM,aAAM,CAAC,CAItB,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAAAJ,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAIvC,MAAA,gBAAgB,GAAGF,uBAAM,CAACM,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,yDAAA,EAKxC,cAAc,CAAA,OAAA,EACLJ,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,4BAAA,EAKlBA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,EAAA;AAIvC,MAAA,iBAAiB,GAAGF,uBAAM,CAACM,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yDAAA,EAKzC,eAAe,CAAA,OAAA,EACNJ,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,4BAAA,EAKlBA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIvC,gBAAgB,GAAGF,uBAAM,CAACO,gBAAU,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2FAAA;;;;;;;;;;;;"}

package/dist/components/ViewsContainer/styled.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-export declare const ViewsWrapper: import("styled-components").StyledComponent<"div", any, import("../Stack").StackProps, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, import("../Stack").StackProps, never>;
-export declare const StyledLeftIcon: import("styled-components").StyledComponent<(props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledRightIcon: import("styled-components").StyledComponent<(props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledMenuIcon: import("styled-components").StyledComponent<(props: import("../../icons/types").IconComponentProps) => import("react").JSX.Element, any, {}, never>;
-export declare const StyledMenuButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-    contentStyles?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledLeftButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-    contentStyles?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledRightButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    iconSlot?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-    contentStyles?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledInputGroup: import("styled-components").StyledComponent<"div", any, import("react").HTMLAttributes<HTMLDivElement> & import("../types").FormComponentProps, never>;

package/dist/components/ViewsContainer/styled.js

@@ -1,23 +0,0 @@
-import styled from 'styled-components';
-import { Stack } from '../Stack/Stack.js';
-import '../Stack/types.js';
-import { Button } from '../Button/Button.js';
-import 'react';
-import { ReactComponent as LeftArrowIcon } from '../../icons/design-system/components/LeftArrowIcon.js';
-import { ReactComponent as RightArrowIcon } from '../../icons/design-system/components/RightArrowIcon.js';
-import { ThreeDotsIcon } from '../../icons/custom/components/ThreeDotsIcon.js';
-import { colors } from '../../theme/modules/colors.js';
-import { InputGroup } from '../InputGroup/index.js';
-
-const ViewsWrapper = styled(Stack).withConfig({ displayName: "vui--ViewsWrapper", componentId: "vui--x8ukf0" }) `overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}gap:8px;height:inherit;padding:8px 6px 8px 12px;margin-left:0;`;
-const Container = styled(Stack).withConfig({ displayName: "vui--Container", componentId: "vui--mlh8wa" }) `background-color:${colors.neutral.grey.lightest};`;
-const StyledLeftIcon = styled(LeftArrowIcon).withConfig({ displayName: "vui--StyledLeftIcon", componentId: "vui--193620d" }) `color:${colors.neutral.ink.base};`;
-const StyledRightIcon = styled(RightArrowIcon).withConfig({ displayName: "vui--StyledRightIcon", componentId: "vui--erlipg" }) `color:${colors.neutral.ink.base};`;
-const StyledMenuIcon = styled(ThreeDotsIcon).withConfig({ displayName: "vui--StyledMenuIcon", componentId: "vui--eg23b0" }) `color:${colors.neutral.ink.base};`;
-const StyledMenuButton = styled(Button).withConfig({ displayName: "vui--StyledMenuButton", componentId: "vui--1o9jbht" }) `background-color:white;&:hover{background-color:${colors.neutral.grey.lightest};}`;
-const StyledLeftButton = styled(Button).withConfig({ displayName: "vui--StyledLeftButton", componentId: "vui--wtwmiz" }) `background-color:white;&:disabled{background-color:white;${StyledLeftIcon}{color:${colors.neutral.ink.lightest};}}&:hover{background-color:${colors.neutral.grey.lightest};}`;
-const StyledRightButton = styled(Button).withConfig({ displayName: "vui--StyledRightButton", componentId: "vui--1ycuwov" }) `background-color:white;&:disabled{background-color:white;${StyledRightIcon}{color:${colors.neutral.ink.lightest};}}&:hover{background-color:${colors.neutral.grey.lightest};}`;
-const StyledInputGroup = styled(InputGroup).withConfig({ displayName: "vui--StyledInputGroup", componentId: "vui--l3ez4z" }) `padding-right:8px;margin-left:0;& > *:first-child:last-child{border-radius:4px !important;}`;
-
-export { Container, StyledInputGroup, StyledLeftButton, StyledLeftIcon, StyledMenuButton, StyledMenuIcon, StyledRightButton, StyledRightIcon, ViewsWrapper };
-//# sourceMappingURL=styled.js.map

package/dist/components/ViewsContainer/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ViewsContainer/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../Stack';\nimport { Button } from '../Button';\nimport { LeftArrowIcon, RightArrowIcon, ThreeDotsIcon } from '../../icons';\nimport { colors } from '../../theme/modules/colors';\nimport { InputGroup } from '../InputGroup';\n\nexport const ViewsWrapper = styled(Stack)`\n  overflow-x: scroll;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n\n  ::-webkit-scrollbar {\n    display: none; /* for Chrome, Safari, and Opera */\n  }\n\n  gap: 8px;\n  height: inherit;\n  padding: 8px 6px 8px 12px;\n  margin-left: 0;\n`;\n\nexport const Container = styled(Stack)`\n  background-color: ${colors.neutral.grey.lightest};\n`;\n\nexport const StyledLeftIcon = styled(LeftArrowIcon)`\n  color: ${colors.neutral.ink.base};\n`;\nexport const StyledRightIcon = styled(RightArrowIcon)`\n  color: ${colors.neutral.ink.base};\n`;\n\nexport const StyledMenuIcon = styled(ThreeDotsIcon)`\n  color: ${colors.neutral.ink.base};\n`;\n\nexport const StyledMenuButton = styled(Button)`\n  background-color: white;\n\n  &:hover {\n    background-color: ${colors.neutral.grey.lightest};\n  }\n`;\n\nexport const StyledLeftButton = styled(Button)`\n  background-color: white;\n\n  &:disabled {\n    background-color: white;\n    ${StyledLeftIcon} {\n      color: ${colors.neutral.ink.lightest};\n    }\n  }\n\n  &:hover {\n    background-color: ${colors.neutral.grey.lightest};\n  }\n`;\n\nexport const StyledRightButton = styled(Button)`\n  background-color: white;\n\n  &:disabled {\n    background-color: white;\n    ${StyledRightIcon} {\n      color: ${colors.neutral.ink.lightest};\n    }\n  }\n\n  &:hover {\n    background-color: ${colors.neutral.grey.lightest};\n  }\n`;\n\nexport const StyledInputGroup = styled(InputGroup)`\n  padding-right: 8px;\n  margin-left: 0;\n\n  & > *:first-child:last-child {\n    border-radius: 4px !important;\n  }\n`;\n"],"names":[],"mappings":";;;;;;;;;;;MAOa,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,+JAAA;AAe5B,MAAA,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAChB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAGrC,MAAA,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CACxC,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAErB,MAAA,eAAe,GAAG,MAAM,CAAC,cAAc,CAAC,CAC1C,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAGrB,MAAA,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CACxC,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAGrB,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAItB,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAIvC,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,yDAAA,EAKxC,cAAc,CAAA,OAAA,EACL,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,4BAAA,EAKlB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,EAAA;AAIvC,MAAA,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yDAAA,EAKzC,eAAe,CAAA,OAAA,EACN,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,4BAAA,EAKlB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIvC,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2FAAA;;;;"}