@tecsinapse/react-web-kit 1.20.0 → 1.21.0

package/esm/components/molecules/Select/SelectItem/styled.js

@@ -0,0 +1,28 @@
+var _templateObject, _templateObject2, _templateObject3;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled from '@emotion/styled';
+export var ContainerItemSelect = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", ";\n  cursor: pointer;\n  &:hover {\n    background-color: ", ";\n  }\n  &:hover span {\n    color: ", ";\n  }\n  flex-direction: row;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return "".concat(theme.spacing.mili, " ").concat(theme.spacing.deca);
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.color.primary.xlight;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.color.primary.medium;
+});
+export var StyledSpan = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: ", ";\n"])), function (_ref4) {
+  var theme = _ref4.theme,
+      singleHighligh = _ref4.singleHighligh;
+  return singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return "".concat(theme.spacing.mili, " 0px");
+});
+export var StyledContainerTextLabel = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.spacing.mili;
+});
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/Select/SelectItem/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","ContainerItemSelect","theme","spacing","mili","deca","color","primary","xlight","medium","StyledSpan","singleHighligh","secondary","xdark","StyledContainerTextLabel"],"sources":["../../../../../src/components/molecules/Select/SelectItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const ContainerItemSelect = styled('div')<Partial<StyleProps>>`\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  cursor: pointer;\n  &:hover {\n    background-color: ${({ theme }) => theme.color.primary.xlight};\n  }\n  &:hover span {\n    color: ${({ theme }) => theme.color.primary.medium};\n  }\n  flex-direction: row;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const StyledSpan = styled('span')<\n  Partial<StyleProps> & { singleHighligh: boolean }\n>`\n  color: ${({ theme, singleHighligh }) =>\n    singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark};\n  padding: ${({ theme }) => `${theme.spacing.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n  padding-left: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,2SACnB;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC,cAAwCF,KAAK,CAACC,OAAN,CAAcE,IAAtD;AAAA,CADmB,EAIR;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBC,MAAnC;AAAA,CAJQ,EAOnB;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAnC;AAAA,CAPmB,CAAzB;AAeP,OAAO,IAAMC,UAAU,GAAGV,MAAM,CAAC,MAAD,CAAT,4GAGZ;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,IAAUS,cAAV,SAAUA,cAAV;EAAA,OACPA,cAAc,GAAGT,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAvB,GAAgCP,KAAK,CAACI,KAAN,CAAYM,SAAZ,CAAsBC,KAD7D;AAAA,CAHY,EAKV;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC;AAAA,CALU,CAAhB;AAQP,OAAO,IAAMU,wBAAwB,GAAGd,MAAM,CAAC,KAAD,CAAT,4MACnB;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADmB,CAA9B"}

package/esm/components/molecules/Select/animations.d.ts

@@ -0,0 +1,51 @@
+export declare const defaultStyles: {
+    transition: string[];
+    overflow: string;
+    visibility: string;
+};
+export declare const transition: {
+    bottom: {
+        entering: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        entered: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        exiting: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        exited: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+    };
+    top: {
+        entering: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        entered: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        exiting: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        exited: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+    };
+};

package/esm/components/molecules/Select/animations.js

@@ -0,0 +1,52 @@
+export var defaultStyles = {
+  transition: ['transform 200ms ease-in-out, opacity 200ms ease-in-out, visibility 200ms ease-in-out'],
+  overflow: 'hidden',
+  visibility: 'hidden'
+};
+export var transition = {
+  bottom: {
+    entering: {
+      transform: 'translateY(-10%)',
+      opacity: 0,
+      visibility: 'hidden'
+    },
+    entered: {
+      transform: 'translateY(0%)',
+      opacity: 1,
+      visibility: 'visible'
+    },
+    exiting: {
+      transform: 'translateY(0%)',
+      opacity: 1,
+      visibility: 'visible'
+    },
+    exited: {
+      transform: 'translateY(-10%)',
+      opacity: 0,
+      visibility: 'hidden'
+    }
+  },
+  top: {
+    entering: {
+      transform: 'translateY(10%)',
+      opacity: 0,
+      visibility: 'hidden'
+    },
+    entered: {
+      transform: 'translateY(0%)',
+      opacity: 1,
+      visibility: 'visible'
+    },
+    exiting: {
+      transform: 'translateY(0%)',
+      opacity: 1,
+      visibility: 'visible'
+    },
+    exited: {
+      transform: 'translateY(10%)',
+      opacity: 0,
+      visibility: 'hidden'
+    }
+  }
+};
+//# sourceMappingURL=animations.js.map

package/esm/components/molecules/Select/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","names":["defaultStyles","transition","overflow","visibility","bottom","entering","transform","opacity","entered","exiting","exited","top"],"sources":["../../../../src/components/molecules/Select/animations.ts"],"sourcesContent":["export const defaultStyles = {\n  transition: [\n    'transform 200ms ease-in-out, opacity 200ms ease-in-out, visibility 200ms ease-in-out',\n  ],\n  overflow: 'hidden',\n  visibility: 'hidden',\n};\n\nexport const transition = {\n  bottom: {\n    entering: {\n      transform: 'translateY(-10%)',\n      opacity: 0,\n      visibility: 'hidden',\n    },\n    entered: {\n      transform: 'translateY(0%)',\n      opacity: 1,\n      visibility: 'visible',\n    },\n    exiting: {\n      transform: 'translateY(0%)',\n      opacity: 1,\n      visibility: 'visible',\n    },\n    exited: {\n      transform: 'translateY(-10%)',\n      opacity: 0,\n      visibility: 'hidden',\n    },\n  },\n  top: {\n    entering: {\n      transform: 'translateY(10%)',\n      opacity: 0,\n      visibility: 'hidden',\n    },\n    entered: { transform: 'translateY(0%)', opacity: 1, visibility: 'visible' },\n    exiting: { transform: 'translateY(0%)', opacity: 1, visibility: 'visible' },\n    exited: { transform: 'translateY(10%)', opacity: 0, visibility: 'hidden' },\n  },\n};\n"],"mappings":"AAAA,OAAO,IAAMA,aAAa,GAAG;EAC3BC,UAAU,EAAE,CACV,sFADU,CADe;EAI3BC,QAAQ,EAAE,QAJiB;EAK3BC,UAAU,EAAE;AALe,CAAtB;AAQP,OAAO,IAAMF,UAAU,GAAG;EACxBG,MAAM,EAAE;IACNC,QAAQ,EAAE;MACRC,SAAS,EAAE,kBADH;MAERC,OAAO,EAAE,CAFD;MAGRJ,UAAU,EAAE;IAHJ,CADJ;IAMNK,OAAO,EAAE;MACPF,SAAS,EAAE,gBADJ;MAEPC,OAAO,EAAE,CAFF;MAGPJ,UAAU,EAAE;IAHL,CANH;IAWNM,OAAO,EAAE;MACPH,SAAS,EAAE,gBADJ;MAEPC,OAAO,EAAE,CAFF;MAGPJ,UAAU,EAAE;IAHL,CAXH;IAgBNO,MAAM,EAAE;MACNJ,SAAS,EAAE,kBADL;MAENC,OAAO,EAAE,CAFH;MAGNJ,UAAU,EAAE;IAHN;EAhBF,CADgB;EAuBxBQ,GAAG,EAAE;IACHN,QAAQ,EAAE;MACRC,SAAS,EAAE,iBADH;MAERC,OAAO,EAAE,CAFD;MAGRJ,UAAU,EAAE;IAHJ,CADP;IAMHK,OAAO,EAAE;MAAEF,SAAS,EAAE,gBAAb;MAA+BC,OAAO,EAAE,CAAxC;MAA2CJ,UAAU,EAAE;IAAvD,CANN;IAOHM,OAAO,EAAE;MAAEH,SAAS,EAAE,gBAAb;MAA+BC,OAAO,EAAE,CAAxC;MAA2CJ,UAAU,EAAE;IAAvD,CAPN;IAQHO,MAAM,EAAE;MAAEJ,SAAS,EAAE,iBAAb;MAAgCC,OAAO,EAAE,CAAzC;MAA4CJ,UAAU,EAAE;IAAxD;EARL;AAvBmB,CAAnB"}

package/esm/components/molecules/Select/functions.d.ts

@@ -0,0 +1 @@
+export declare const getDisplayValue: <Data>(type: 'multi' | 'single', value: Data | Data[] | undefined, options: Data[], placeholder: string | undefined, keyExtractor: (option: Data, idx?: number | undefined) => string, labelExtractor: (option: Data) => string) => string | Data | Data[] | undefined;

package/esm/components/molecules/Select/functions.js

@@ -0,0 +1,16 @@
+export var getDisplayValue = function getDisplayValue(type, value, options, placeholder, keyExtractor, labelExtractor) {
+  if (type === 'multi') {
+    if (value.length === 0) return placeholder;else {
+      return value.reduce(function (acc, option) {
+        return acc + labelExtractor(option) + ', ';
+      }, '').slice(0, -2);
+    }
+  } else {
+    if (value === undefined) return placeholder;
+    var selectedOption = options.find(function (option, index) {
+      return keyExtractor(option, index) == keyExtractor(value, index);
+    });
+    return selectedOption ? labelExtractor(selectedOption) : placeholder;
+  }
+};
+//# sourceMappingURL=functions.js.map

package/esm/components/molecules/Select/functions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.js","names":["getDisplayValue","type","value","options","placeholder","keyExtractor","labelExtractor","length","reduce","acc","option","slice","undefined","selectedOption","find","index"],"sources":["../../../../src/components/molecules/Select/functions.ts"],"sourcesContent":["export const getDisplayValue = <Data>(\n  type: 'multi' | 'single',\n  value: Data | Data[] | undefined,\n  options: Data[],\n  placeholder: string | undefined,\n  keyExtractor: (option: Data, idx?: number) => string,\n  labelExtractor: (option: Data) => string\n): Data | Data[] | string | undefined => {\n  if (type === 'multi') {\n    if ((value as Data[]).length === 0) return placeholder;\n    else {\n      return (value as Data[])\n        .reduce((acc, option) => acc + labelExtractor(option) + ', ', '')\n        .slice(0, -2);\n    }\n  } else {\n    if (value === undefined) return placeholder;\n    const selectedOption = options.find(\n      (option, index) =>\n        keyExtractor(option, index) == keyExtractor(value as Data, index)\n    );\n    return selectedOption ? labelExtractor(selectedOption) : placeholder;\n  }\n};\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,IAD6B,EAE7BC,KAF6B,EAG7BC,OAH6B,EAI7BC,WAJ6B,EAK7BC,YAL6B,EAM7BC,cAN6B,EAOU;EACvC,IAAIL,IAAI,KAAK,OAAb,EAAsB;IACpB,IAAKC,KAAD,CAAkBK,MAAlB,KAA6B,CAAjC,EAAoC,OAAOH,WAAP,CAApC,KACK;MACH,OAAQF,KAAD,CACJM,MADI,CACG,UAACC,GAAD,EAAMC,MAAN;QAAA,OAAiBD,GAAG,GAAGH,cAAc,CAACI,MAAD,CAApB,GAA+B,IAAhD;MAAA,CADH,EACyD,EADzD,EAEJC,KAFI,CAEE,CAFF,EAEK,CAAC,CAFN,CAAP;IAGD;EACF,CAPD,MAOO;IACL,IAAIT,KAAK,KAAKU,SAAd,EAAyB,OAAOR,WAAP;IACzB,IAAMS,cAAc,GAAGV,OAAO,CAACW,IAAR,CACrB,UAACJ,MAAD,EAASK,KAAT;MAAA,OACEV,YAAY,CAACK,MAAD,EAASK,KAAT,CAAZ,IAA+BV,YAAY,CAACH,KAAD,EAAgBa,KAAhB,CAD7C;IAAA,CADqB,CAAvB;IAIA,OAAOF,cAAc,GAAGP,cAAc,CAACO,cAAD,CAAjB,GAAoCT,WAAzD;EACD;AACF,CAvBM"}

package/esm/components/molecules/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Select } from './Select';
+export type { SelectProps } from './Select';

package/esm/components/molecules/Select/index.js

@@ -0,0 +1,2 @@
+export { default as Select } from "./Select";
+//# sourceMappingURL=index.js.map

package/esm/components/molecules/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Select"],"sources":["../../../../src/components/molecules/Select/index.ts"],"sourcesContent":["export { default as Select } from './Select';\nexport type { SelectProps } from './Select';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB"}

package/esm/components/molecules/Select/styled.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputContainer: import("@emotion/styled").StyledComponent<any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RightComponent: JSX.Element;

package/esm/components/molecules/Select/styled.js

@@ -0,0 +1,18 @@
+var _templateObject, _templateObject2;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled from '@emotion/styled';
+import { Icon } from '@tecsinapse/react-core';
+import React from 'react';
+export var StyledContainer = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n"])));
+export var StyledInputContainer = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+export var RightComponent = React.createElement(Icon, {
+  name: "chevron-down",
+  type: "material-community",
+  size: "centi",
+  style: {
+    marginRight: 12
+  }
+});
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/Select/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","Icon","React","StyledContainer","StyledInputContainer","RightComponent","marginRight"],"sources":["../../../../src/components/molecules/Select/styled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Icon, StyleProps } from '@tecsinapse/react-core';\nimport React from 'react';\n\nexport const StyledContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledInputContainer = styled('div')<Partial<StyleProps>>`\n  width: 100%;\n`;\n\nexport const RightComponent = (\n  <Icon\n    name=\"chevron-down\"\n    type=\"material-community\"\n    size=\"centi\"\n    style={{ marginRight: 12 }}\n  />\n);\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,IAAT,QAAiC,wBAAjC;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,eAAe,GAAGH,MAAM,CAAC,KAAD,CAAT,+MAArB;AASP,OAAO,IAAMI,oBAAoB,GAAGJ,MAAM,CAAC,KAAD,CAAT,yFAA1B;AAIP,OAAO,IAAMK,cAAc,GACzB,oBAAC,IAAD;EACE,IAAI,EAAC,cADP;EAEE,IAAI,EAAC,oBAFP;EAGE,IAAI,EAAC,OAHP;EAIE,KAAK,EAAE;IAAEC,WAAW,EAAE;EAAf;AAJT,EADK"}

package/esm/components/molecules/Snackbar/Snackbar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SnackbarProps as SnackPropsCore, TextProps } from '@tecsinapse/react-core';
+export interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {
+    value: string;
+    textProps?: TextProps;
+}
+export declare const Snackbar: React.FC<SnackbarWebProps>;
+export default Snackbar;

package/esm/components/molecules/Snackbar/Snackbar.js

@@ -0,0 +1,27 @@
+var _excluded = ["value", "textProps"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { Text } from '@tecsinapse/react-core';
+import { SnackbarStyled } from "./styled";
+export var Snackbar = function Snackbar(_ref) {
+  var value = _ref.value,
+      _ref$textProps = _ref.textProps,
+      textProps = _ref$textProps === void 0 ? {
+    colorVariant: 'primary',
+    colorTone: 'medium'
+  } : _ref$textProps,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return React.createElement(SnackbarStyled, rest, React.createElement(Text, _extends({}, textProps, {
+    fontWeight: "bold",
+    typography: "base"
+  }), value));
+};
+export default Snackbar;
+//# sourceMappingURL=Snackbar.js.map

package/esm/components/molecules/Snackbar/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.js","names":["React","Text","SnackbarStyled","Snackbar","value","textProps","colorVariant","colorTone","rest"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  SnackbarProps as SnackPropsCore,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {\n  value: string;\n  textProps?: TextProps;\n}\n\nexport const Snackbar: React.FC<SnackbarWebProps> = ({\n  value,\n  textProps = { colorVariant: 'primary', colorTone: 'medium' },\n  ...rest\n}) => {\n  return (\n    <SnackbarStyled {...rest}>\n      <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n        {value}\n      </Text>\n    </SnackbarStyled>\n  );\n};\n\nexport default Snackbar;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAEEC,IAFF,QAIO,wBAJP;AAKA,SAASC,cAAT;AAOA,OAAO,IAAMC,QAAoC,GAAG,SAAvCA,QAAuC,OAI9C;EAAA,IAHJC,KAGI,QAHJA,KAGI;EAAA,0BAFJC,SAEI;EAAA,IAFJA,SAEI,+BAFQ;IAAEC,YAAY,EAAE,SAAhB;IAA2BC,SAAS,EAAE;EAAtC,CAER;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,cAAD,EAAoBA,IAApB,EACE,oBAAC,IAAD,eAAUH,SAAV;IAAqB,UAAU,EAAC,MAAhC;IAAuC,UAAU,EAAC;EAAlD,IACGD,KADH,CADF,CADF;AAOD,CAZM;AAcP,eAAeD,QAAf"}

package/esm/components/molecules/Snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Snackbar } from './Snackbar';
+export type { SnackbarWebProps } from './Snackbar';

package/esm/components/molecules/Snackbar/index.js

@@ -0,0 +1,2 @@
+export { default as Snackbar } from "./Snackbar";
+//# sourceMappingURL=index.js.map

package/esm/components/molecules/Snackbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Snackbar"],"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"sourcesContent":["export { default as Snackbar } from './Snackbar';\nexport type { SnackbarWebProps } from './Snackbar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB"}

package/esm/components/molecules/Snackbar/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SnackbarStyled: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

package/esm/components/molecules/Snackbar/styled.js

@@ -0,0 +1,25 @@
+var _templateObject, _templateObject2;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled, { css } from '@emotion/native';
+import { Snackbar as SnackbarCore } from '@tecsinapse/react-core';
+
+var baseStyles = function baseStyles() {
+  return [css({
+    left: '50%',
+    maxWidth: '600px',
+    transform: [{
+      translateX: '-50%'
+    }]
+  })];
+};
+
+var webStyles = function webStyles() {
+  return [css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: fixed;\n  "])))];
+};
+
+export var SnackbarStyled = styled(SnackbarCore)(function () {
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), baseStyles(), webStyles());
+});
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/Snackbar/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","css","Snackbar","SnackbarCore","baseStyles","left","maxWidth","transform","translateX","webStyles","SnackbarStyled"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nconst baseStyles = () => [\n  css({\n    left: '50%',\n    maxWidth: '600px',\n    transform: [{ translateX: '-50%' as any }],\n  }),\n];\n\nconst webStyles = () => [\n  css`\n    position: fixed;\n  `,\n];\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>(\n  () => css`\n    ${baseStyles()}\n    ${webStyles()}\n  `\n);\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SAASC,QAAQ,IAAIC,YAArB,QAAqD,wBAArD;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,OAAM,CACvBH,GAAG,CAAC;IACFI,IAAI,EAAE,KADJ;IAEFC,QAAQ,EAAE,OAFR;IAGFC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAd,CAAD;EAHT,CAAD,CADoB,CAAN;AAAA,CAAnB;;AAQA,IAAMC,SAAS,GAAG,SAAZA,SAAY;EAAA,OAAM,CACtBR,GADsB,gGAAN;AAAA,CAAlB;;AAMA,OAAO,IAAMS,cAAc,GAAGV,MAAM,CAACG,YAAD,CAAN,CAC5B;EAAA,OAAMF,GAAN,gGACIG,UAAU,EADd,EAEIK,SAAS,EAFb;AAAA,CAD4B,CAAvB"}

package/esm/components/molecules/TextArea/TextArea.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TextAreaProps as ITACore } from '@tecsinapse/react-core';
+export declare type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;
+declare const TextArea: FC<TextAreaProps>;
+export default TextArea;

package/esm/components/molecules/TextArea/TextArea.js

@@ -0,0 +1,84 @@
+var _excluded = ["label", "labelColor", "labelColorVariant", "labelColorTone", "labelTypography", "labelStack", "labelWeight", "leftComponent", "rightComponent", "disabled", "style", "borderColor", "borderColorGradation", "inputFontStack", "inputFontWeight", "inputContainerStyle", "variant", "hintComponent", "hint", "onFocus", "onBlur", "value", "maxLength"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { useInputFocus, TextArea as TACore, Text } from '@tecsinapse/react-core';
+import { StyledWebInput } from "./styled";
+
+var TextArea = function TextArea(_ref) {
+  var label = _ref.label,
+      labelColor = _ref.labelColor,
+      labelColorVariant = _ref.labelColorVariant,
+      labelColorTone = _ref.labelColorTone,
+      labelTypography = _ref.labelTypography,
+      labelStack = _ref.labelStack,
+      labelWeight = _ref.labelWeight,
+      leftComponent = _ref.leftComponent,
+      rightComponent = _ref.rightComponent,
+      disabled = _ref.disabled,
+      style = _ref.style,
+      borderColor = _ref.borderColor,
+      borderColorGradation = _ref.borderColorGradation,
+      _ref$inputFontStack = _ref.inputFontStack,
+      inputFontStack = _ref$inputFontStack === void 0 ? 'default' : _ref$inputFontStack,
+      _ref$inputFontWeight = _ref.inputFontWeight,
+      inputFontWeight = _ref$inputFontWeight === void 0 ? 'bold' : _ref$inputFontWeight,
+      inputContainerStyle = _ref.inputContainerStyle,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+      hintComponent = _ref.hintComponent,
+      hint = _ref.hint,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      value = _ref.value,
+      maxLength = _ref.maxLength,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useInputFocus = useInputFocus(onFocus, onBlur, !disabled),
+      focused = _useInputFocus.focused,
+      handleBlur = _useInputFocus.handleBlur,
+      handleFocus = _useInputFocus.handleFocus;
+
+  return React.createElement(TACore, {
+    label: label,
+    labelColor: labelColor,
+    labelColorVariant: labelColorVariant,
+    labelColorTone: labelColorTone,
+    labelTypography: labelTypography,
+    labelStack: labelStack,
+    labelWeight: labelWeight,
+    LabelComponent: Text,
+    leftComponent: leftComponent,
+    rightComponent: rightComponent,
+    borderColor: borderColor,
+    borderColorGradation: borderColorGradation,
+    inputContainerStyle: inputContainerStyle,
+    focused: focused,
+    disabled: disabled,
+    variant: variant,
+    value: value,
+    hintComponent: hintComponent,
+    hint: hint,
+    style: style,
+    TextComponent: Text,
+    maxLength: maxLength
+  }, React.createElement(StyledWebInput, _extends({}, rest, {
+    fontStack: inputFontStack,
+    fontWeight: inputFontWeight,
+    disabled: disabled,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    textAlignVertical: 'top',
+    multiline: true,
+    value: value,
+    maxLength: maxLength
+  })));
+};
+
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

package/esm/components/molecules/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","names":["React","useInputFocus","TextArea","TACore","Text","StyledWebInput","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","maxLength","rest","focused","handleBlur","handleFocus"],"sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  useInputFocus,\n  TextAreaProps as ITACore,\n  TextArea as TACore,\n  Text,\n} from '@tecsinapse/react-core';\nimport { StyledWebInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n  label,\n  labelColor,\n  labelColorVariant,\n  labelColorTone,\n  labelTypography,\n  labelStack,\n  labelWeight,\n  leftComponent,\n  rightComponent,\n  disabled,\n  style,\n  borderColor,\n  borderColorGradation,\n  inputFontStack = 'default',\n  inputFontWeight = 'bold',\n  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  onFocus,\n  onBlur,\n  value,\n  maxLength,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  return (\n    <TACore\n      label={label}\n      labelColor={labelColor}\n      labelColorVariant={labelColorVariant}\n      labelColorTone={labelColorTone}\n      labelTypography={labelTypography}\n      labelStack={labelStack}\n      labelWeight={labelWeight}\n      LabelComponent={Text}\n      leftComponent={leftComponent}\n      rightComponent={rightComponent}\n      borderColor={borderColor}\n      borderColorGradation={borderColorGradation}\n      inputContainerStyle={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n      variant={variant}\n      value={value}\n      hintComponent={hintComponent}\n      hint={hint}\n      style={style}\n      TextComponent={Text}\n      maxLength={maxLength}\n    >\n      <StyledWebInput\n        {...rest}\n        fontStack={inputFontStack}\n        fontWeight={inputFontWeight}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        textAlignVertical={'top'}\n        multiline\n        value={value}\n        maxLength={maxLength}\n      />\n    </TACore>\n  );\n};\n\nexport default TextArea;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SACEC,aADF,EAGEC,QAAQ,IAAIC,MAHd,EAIEC,IAJF,QAKO,wBALP;AAMA,SAASC,cAAT;;AAIA,IAAMH,QAA2B,GAAG,SAA9BA,QAA8B,OAyB9B;EAAA,IAxBJI,KAwBI,QAxBJA,KAwBI;EAAA,IAvBJC,UAuBI,QAvBJA,UAuBI;EAAA,IAtBJC,iBAsBI,QAtBJA,iBAsBI;EAAA,IArBJC,cAqBI,QArBJA,cAqBI;EAAA,IApBJC,eAoBI,QApBJA,eAoBI;EAAA,IAnBJC,UAmBI,QAnBJA,UAmBI;EAAA,IAlBJC,WAkBI,QAlBJA,WAkBI;EAAA,IAjBJC,aAiBI,QAjBJA,aAiBI;EAAA,IAhBJC,cAgBI,QAhBJA,cAgBI;EAAA,IAfJC,QAeI,QAfJA,QAeI;EAAA,IAdJC,KAcI,QAdJA,KAcI;EAAA,IAbJC,WAaI,QAbJA,WAaI;EAAA,IAZJC,oBAYI,QAZJA,oBAYI;EAAA,+BAXJC,cAWI;EAAA,IAXJA,cAWI,oCAXa,SAWb;EAAA,gCAVJC,eAUI;EAAA,IAVJA,eAUI,qCAVc,MAUd;EAAA,IATJC,mBASI,QATJA,mBASI;EAAA,wBARJC,OAQI;EAAA,IARJA,OAQI,6BARM,SAQN;EAAA,IAPJC,aAOI,QAPJA,aAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,IAJJC,MAII,QAJJA,MAII;EAAA,IAHJC,KAGI,QAHJA,KAGI;EAAA,IAFJC,SAEI,QAFJA,SAEI;EAAA,IADDC,IACC;;EACJ,qBAA6C5B,aAAa,CACxDwB,OADwD,EAExDC,MAFwD,EAGxD,CAACX,QAHuD,CAA1D;EAAA,IAAQe,OAAR,kBAAQA,OAAR;EAAA,IAAiBC,UAAjB,kBAAiBA,UAAjB;EAAA,IAA6BC,WAA7B,kBAA6BA,WAA7B;;EAMA,OACE,oBAAC,MAAD;IACE,KAAK,EAAE1B,KADT;IAEE,UAAU,EAAEC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAER,IARlB;IASE,aAAa,EAAES,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEG,mBAbvB;IAcE,OAAO,EAAES,OAdX;IAeE,QAAQ,EAAEf,QAfZ;IAgBE,OAAO,EAAEO,OAhBX;IAiBE,KAAK,EAAEK,KAjBT;IAkBE,aAAa,EAAEJ,aAlBjB;IAmBE,IAAI,EAAEC,IAnBR;IAoBE,KAAK,EAAER,KApBT;IAqBE,aAAa,EAAEZ,IArBjB;IAsBE,SAAS,EAAEwB;EAtBb,GAwBE,oBAAC,cAAD,eACMC,IADN;IAEE,SAAS,EAAEV,cAFb;IAGE,UAAU,EAAEC,eAHd;IAIE,QAAQ,EAAEL,QAJZ;IAKE,OAAO,EAAEiB,WALX;IAME,MAAM,EAAED,UANV;IAOE,iBAAiB,EAAE,KAPrB;IAQE,SAAS,MARX;IASE,KAAK,EAAEJ,KATT;IAUE,SAAS,EAAEC;EAVb,GAxBF,CADF;AAuCD,CAvED;;AAyEA,eAAe1B,QAAf"}

package/esm/components/molecules/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';

package/esm/components/molecules/TextArea/index.js

@@ -0,0 +1,2 @@
+export { default as TextArea } from "./TextArea";
+//# sourceMappingURL=index.js.map

package/esm/components/molecules/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","TextArea"],"sources":["../../../../src/components/molecules/TextArea/index.ts"],"sourcesContent":["export { default as TextArea } from './TextArea';\nexport type { TextAreaProps } from './TextArea';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB"}

package/esm/components/molecules/TextArea/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledWebInput: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

package/esm/components/molecules/TextArea/styled.js

@@ -0,0 +1,18 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import styled from '@emotion/native';
+import { TextAreaInputBase } from '@tecsinapse/react-core';
+export var StyledWebInput = styled(TextAreaInputBase)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-weight: ", ";\n  font-family: ", ";\n  outline-width: 0;\n"])), function (_ref) {
+  var theme = _ref.theme,
+      _ref$fontWeight = _ref.fontWeight,
+      fontWeight = _ref$fontWeight === void 0 ? 'regular' : _ref$fontWeight;
+  return theme.font.weight[fontWeight];
+}, function (_ref2) {
+  var theme = _ref2.theme,
+      _ref2$fontStack = _ref2.fontStack,
+      fontStack = _ref2$fontStack === void 0 ? 'default' : _ref2$fontStack;
+  return "'".concat(theme.font.stack[fontStack], "'");
+});
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/TextArea/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","TextAreaInputBase","StyledWebInput","theme","fontWeight","font","weight","fontStack","stack"],"sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  FontStackType,\n  FontWeightType,\n  StyleProps,\n  TextAreaInputBase,\n} from '@tecsinapse/react-core';\nimport { TextAreaProps } from './TextArea';\n\ninterface Font {\n  fontStack?: FontStackType;\n  fontWeight?: FontWeightType;\n}\n\nexport const StyledWebInput = styled(TextAreaInputBase)<\n  Font & Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  outline-width: 0;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAIEC,iBAJF,QAKO,wBALP;AAaA,OAAO,IAAMC,cAAc,GAAGF,MAAM,CAACC,iBAAD,CAAT,yIAGV;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,2BAAUC,UAAV;EAAA,IAAUA,UAAV,gCAAuB,SAAvB;EAAA,OACbD,KAAK,CAACE,IAAN,CAAWC,MAAX,CAAkBF,UAAlB,CADa;AAAA,CAHU,EAKV;EAAA,IAAGD,KAAH,SAAGA,KAAH;EAAA,4BAAUI,SAAV;EAAA,IAAUA,SAAV,gCAAsB,SAAtB;EAAA,kBACTJ,KAAK,CAACE,IAAN,CAAWG,KAAX,CAAiBD,SAAjB,CADS;AAAA,CALU,CAApB"}

package/esm/components/organisms/DataGrid/DataGrid.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { HeadersType } from './types';
+export interface DataGridProps<Data> extends React.HTMLAttributes<HTMLDivElement> {
+    headers: HeadersType<Data>[];
+    data: Data[];
+    rowKeyExtractor: (data: Data) => string;
+    toolbarRightIcons?: React.ReactNode;
+    toolbarFooter?: React.ReactNode;
+    toolbarTitle: string;
+    selectable?: boolean;
+    selectedRows?: Data[];
+    onSelectedRows?: (data: Data[] | ((prevState: Data[]) => Data[])) => void;
+    pagination?: boolean;
+    rowsPerPage?: number;
+    onRowsPerPageChange?: (value: number) => void;
+    rowsPerPageOptions?: number[];
+    rowsPerPageLabel?: (value: number) => string;
+    exportLabel?: string;
+    exportFunction?: () => void;
+    rowsCount?: number;
+    page?: number;
+    onPageChange?: (page: number) => void;
+    loading?: boolean;
+    skeletonComponent?: React.ReactNode;
+    emptyPlaceholder?: React.ReactNode;
+    exportComponent?: React.ReactNode;
+}
+declare const DataGrid: <Data>({ headers, data, rowKeyExtractor, toolbarTitle, toolbarFooter, toolbarRightIcons, selectable, selectedRows, onSelectedRows, pagination, rowsPerPage, onRowsPerPageChange, rowsPerPageOptions: _rowsPerPageOptions, rowsPerPageLabel: _rowsPerPageLabel, exportLabel, exportFunction, rowsCount, page, onPageChange, loading, skeletonComponent, emptyPlaceholder, exportComponent, ...rest }: DataGridProps<Data>) => JSX.Element;
+export default DataGrid;