@os-design/core 1.0.169 → 1.0.170

package/dist/esm/ListItem/ListItemContent.js

@@ -1,92 +0,0 @@
-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); }
-import React from 'react';
-import styled from '@emotion/styled';
-import { clr } from '@os-design/theming';
-import { ellipsisStyles, horizontalPaddingStyles, transitionStyles } from '@os-design/styles';
-import { omitEmotionProps } from '@os-design/utils';
-import { css } from '@emotion/react';
-import Button from '../Button';
-const Content = styled.div`
-  overflow: hidden;
-`;
-const Title = styled.div`
-  color: ${p => clr(p.theme.colorText)};
-  font-weight: 500;
-  ${ellipsisStyles};
-`;
-const Description = styled.div`
-  color: ${p => clr(p.theme.listItemColorDescription)};
-  font-size: ${p => p.theme.sizes.small}em;
-  ${ellipsisStyles};
-`;
-export const LeftAddon = styled.div`
-  color: ${p => clr(p.theme.colorText)};
-  padding-right: ${p => p.theme.listItemAddonPaddingHorizontal}em;
-`;
-export const RightAddon = styled.div`
-  color: ${p => clr(p.theme.colorText)};
-  margin-left: auto;
-  padding-left: ${p => p.theme.listItemAddonPaddingHorizontal}em;
-`;
-const hasSwipeStyles = p => p.hasSwipe && css`
-    transform: translateX(100%);
-    ${transitionStyles('transform')(p)};
-  `;
-const openedStyles = p => p.opened && css`
-    transform: translateX(0);
-  `;
-const Actions = styled('nav', omitEmotionProps('hasSwipe', 'opened'))`
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-
-  display: flex;
-  align-items: center;
-
-  padding-left: ${p => p.theme.listItemActionsPaddingLeft}em;
-  background: linear-gradient(
-    to right,
-    ${p => clr([...p.theme.colorBg.slice(0, 3), 0])},
-    ${p => clr(p.theme.colorBg)}
-      ${p => p.theme.listItemActionsPaddingLeft}em
-  );
-
-  ${hasSwipeStyles};
-  ${openedStyles};
-  ${horizontalPaddingStyles('right')};
-`;
-let actionIndex = 0;
-
-// Used by ListItem, ListItemLink
-const ListItemContent = ({
-  title,
-  description,
-  left,
-  right,
-  actions = [],
-  hasSwipe,
-  opened
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, left && /*#__PURE__*/React.createElement(LeftAddon, null, left), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description)), right && /*#__PURE__*/React.createElement(RightAddon, null, right), actions.length > 0 && /*#__PURE__*/React.createElement(Actions, {
-  hasSwipe: hasSwipe,
-  opened: opened
-}, actions.map(({
-  icon,
-  onClick = () => {},
-  ...actionRest
-}) => {
-  actionIndex += 1;
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    type: "ghost",
-    wide: "never",
-    size: "small",
-    key: actionIndex,
-    onClick: e => {
-      e.preventDefault();
-      onClick(e);
-    }
-  }, actionRest), icon);
-})));
-ListItemContent.displayName = 'ListItemContent';
-export default ListItemContent;
-//# sourceMappingURL=ListItemContent.js.map

package/dist/esm/ListItem/ListItemContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemContent.js","names":["React","styled","clr","ellipsisStyles","horizontalPaddingStyles","transitionStyles","omitEmotionProps","css","Button","Content","div","Title","p","theme","colorText","Description","listItemColorDescription","sizes","small","LeftAddon","listItemAddonPaddingHorizontal","RightAddon","hasSwipeStyles","hasSwipe","openedStyles","opened","Actions","listItemActionsPaddingLeft","colorBg","slice","actionIndex","ListItemContent","title","description","left","right","actions","length","map","icon","onClick","actionRest","e","preventDefault","displayName"],"sources":["../../../src/ListItem/ListItemContent.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { clr, Color } from '@os-design/theming';\nimport {\n  ellipsisStyles,\n  horizontalPaddingStyles,\n  transitionStyles,\n} from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport Button, { ButtonProps } from '../Button';\n\nexport interface ListItemAction\n  extends Omit<ButtonProps, 'leftIcon' | 'rightIcon' | 'wide'> {\n  icon: React.ReactElement;\n}\n\nexport interface ListItemContentProps {\n  /**\n   * The title of the item.\n   */\n  title: string;\n  /**\n   * The description of the item.\n   * @default undefined\n   */\n  description?: string;\n  /**\n   * The component located on the left side.\n   * For example, avatar, button, checkbox.\n   * @default undefined\n   */\n  left?: React.ReactNode;\n  /**\n   * The component located on the right side.\n   * For example, date.\n   */\n  right?: React.ReactNode;\n  /**\n   * Buttons to control the item.\n   * For example, edit, delete.\n   * @default undefined\n   */\n  actions?: ListItemAction[];\n\n  hasSwipe: boolean;\n  opened: boolean;\n}\n\nconst Content = styled.div`\n  overflow: hidden;\n`;\n\nconst Title = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  font-weight: 500;\n  ${ellipsisStyles};\n`;\n\nconst Description = styled.div`\n  color: ${(p) => clr(p.theme.listItemColorDescription)};\n  font-size: ${(p) => p.theme.sizes.small}em;\n  ${ellipsisStyles};\n`;\n\nexport const LeftAddon = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  padding-right: ${(p) => p.theme.listItemAddonPaddingHorizontal}em;\n`;\n\nexport const RightAddon = styled.div`\n  color: ${(p) => clr(p.theme.colorText)};\n  margin-left: auto;\n  padding-left: ${(p) => p.theme.listItemAddonPaddingHorizontal}em;\n`;\n\nconst hasSwipeStyles = (p) =>\n  p.hasSwipe &&\n  css`\n    transform: translateX(100%);\n    ${transitionStyles('transform')(p)};\n  `;\n\nconst openedStyles = (p) =>\n  p.opened &&\n  css`\n    transform: translateX(0);\n  `;\n\ninterface ActionsProps {\n  hasSwipe: boolean;\n  opened: boolean;\n}\nconst Actions = styled(\n  'nav',\n  omitEmotionProps('hasSwipe', 'opened')\n)<ActionsProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n\n  padding-left: ${(p) => p.theme.listItemActionsPaddingLeft}em;\n  background: linear-gradient(\n    to right,\n    ${(p) => clr([...p.theme.colorBg.slice(0, 3), 0] as Color)},\n    ${(p) => clr(p.theme.colorBg)}\n      ${(p) => p.theme.listItemActionsPaddingLeft}em\n  );\n\n  ${hasSwipeStyles};\n  ${openedStyles};\n  ${horizontalPaddingStyles('right')};\n`;\n\nlet actionIndex = 0;\n\n// Used by ListItem, ListItemLink\nconst ListItemContent: React.FC<ListItemContentProps> = ({\n  title,\n  description,\n  left,\n  right,\n  actions = [],\n  hasSwipe,\n  opened,\n}) => (\n  <>\n    {left && <LeftAddon>{left}</LeftAddon>}\n\n    <Content>\n      <Title>{title}</Title>\n      {description && <Description>{description}</Description>}\n    </Content>\n\n    {right && <RightAddon>{right}</RightAddon>}\n\n    {actions.length > 0 && (\n      <Actions hasSwipe={hasSwipe} opened={opened}>\n        {actions.map(({ icon, onClick = () => {}, ...actionRest }) => {\n          actionIndex += 1;\n          return (\n            <Button\n              type='ghost'\n              wide='never'\n              size='small'\n              key={actionIndex}\n              onClick={(e) => {\n                e.preventDefault();\n                onClick(e);\n              }}\n              {...actionRest}\n            >\n              {icon}\n            </Button>\n          );\n        })}\n      </Actions>\n    )}\n  </>\n);\n\nListItemContent.displayName = 'ListItemContent';\n\nexport default ListItemContent;\n"],"mappings":"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"}

package/dist/types/ListItem/ListItemContent.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../Button';
-export interface ListItemAction extends Omit<ButtonProps, 'leftIcon' | 'rightIcon' | 'wide'> {
-    icon: React.ReactElement;
-}
-export interface ListItemContentProps {
-    title: string;
-    description?: string;
-    left?: React.ReactNode;
-    right?: React.ReactNode;
-    actions?: ListItemAction[];
-    hasSwipe: boolean;
-    opened: boolean;
-}
-export declare const LeftAddon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const RightAddon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const ListItemContent: React.FC<ListItemContentProps>;
-export default ListItemContent;
-//# sourceMappingURL=ListItemContent.d.ts.map

package/dist/types/ListItem/ListItemContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemContent.d.ts","sourceRoot":"","sources":["../../../src/ListItem/ListItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;IAC5D,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IAInC,KAAK,EAAE,MAAM,CAAC;IAKd,WAAW,CAAC,EAAE,MAAM,CAAC;IAMrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAKvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAMxB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAE3B,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AAkBD,eAAO,MAAM,SAAS;;;qFAGrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;qFAItB,CAAC;AA+CF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0CnD,CAAC;AAIF,eAAe,eAAe,CAAC"}